body {
	font-size: 14px;
    font-weight: 400;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	//font-family:'Plus Jakarta Sans', sans-serif;

	&.helix-ultimate-preloader {
		overflow: hidden;
		&:before {
		  content: " ";
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  z-index: 99998;
		  background: rgba(255, 255, 255, 0.9);
		}
		&:after {
		  content: "\f110";
		  font-family: "FontAwesome";
		  font-size: 36px;
		  position: fixed;
		  top: 50%;
		  left: 50%;
		  margin-top: -24px;
		  margin-left: -24px;
		  width: 48px;
		  height: 48px;
		  line-break: 48px;
		  text-align: center;
		  color: #007bff;
		  -webkit-animation: fa-spin 2s infinite linear;
		  animation: fa-spin 2s infinite linear;
		  z-index: 99999;
		}
	}
}
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
}
label {
	font-weight: normal;
}
legend {
	padding-bottom: 10px;
}
img{
	max-width: 100%;
}
ul, ul.menu{
	list-style: none; margin:0; padding:0;
}
a, a:visited, a:active, a:link, a:focus {
  cursor: pointer;
  text-decoration: none;
  outline: none; 
}

.btn-primary,
.btn-danger,
.btn-secondary,
.btn-success{
	color:#fff;
	padding:12px 30px;
	border:none;
	border-radius:5px;
	line-height: 17px;
	text-transform: capitalize;
	font-size:16px;
}
.fancybox-inner{
	overflow:hidden !important;
	overflow-y: auto !important;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: auto;
}
.fancybox-outer, 
.fancybox-inner {
	position: relative !important;
}
.dropdown-menu.show {
    display: block;
}
.modal-backdrop.show{
	opacity:0.7;
}
//Bootstrap 5 customize
.row {
  --bs-gutter-x: 1.875rem;
}
.container {
  padding-left: 15px;
  padding-right: 15px;
}
.element-invisible {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.float-left {
	float: left;
}

.row{
	margin-left: -15px;
	margin-right: -15px;
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 15px;
		padding-right: 15px;
		.row{
			margin-left: -15px;
			margin-right: -15px;
		}
	}
}

/* ================================================================================ */
//Topbar
#sp-top-bar {
	background:#434182 !important;
	.row{
		align-items: center;
	}
}
#sp-top1{
	.sp-column {
		display:flex;		
		justify-content: start;		
	}
}
.top-menu{		
	ul{
		display: flex;
		justify-content: end;
		li{
			margin-#{$right}: 30px;
			padding-#{$left}: 22px;
			position: relative;
			&:before{
				position: absolute;
				#{$left}: 0;
				top: 3px;
				content: "";
				display: inline-block;
				width: 16px;
				height: 16px;
			}
			&:nth-child(1):before {					
				background: url(../images/box-svgrepo-com.svg);
			}
			&:nth-child(2):before {
				background: url(../images/danger-circle-svgrepo-com.svg);
			}
			&:last-child{
				margin-#{$right}: 0px;
			}
			a{					
				color: #fff;
				text-decoration: none;
				text-transform: capitalize;
				font-size:14px;
				position: relative;
				&:before{
					content: "";
					position: absolute;
					bottom: -1px;
					#{$left}: 0%;
					width: 0px;
					height: 1px;
					background: #fff;
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-ms-transition: all .3s ease;
					-o-transition: all .3s ease;
					transition: all .3s ease;
				}
				&:hover:before{
					width:100%;
				}
			}				
		}			
	}
} 
//language
div.mod-languages{	
	img{
		vertical-align: -1px;
	}
	//button click
	.btn-lang{
		background:transparent;
		border:none;
		font-size:14px;
		line-height: 20px;
		box-shadow:none;
		border: none;
		color: #fff;
		padding: 12px 0;
		padding-#{$right}: 15px;
		text-transform: uppercase;
		img{display:none;}
		&:after{
			content:"\f0d7";
			font-family:fontawesome;
			border:none;
			vertical-align: 0px;
			position: absolute;
			top: 0;
			#{$right}: 0;
			#{$left}: auto;
			width: 10px;
			height: 100%;
			display: inline-block;
			line-height: 44px;
		}		
	}
	ul.dropdown-menu{
		border:none;
		@include border-radius(0 0 10px 10px); 
		display: block;
		opacity: 0;
		filter: alpha(opacity = 0);
		visibility: hidden;
		transition: all 0.2s ease-out;
		padding: 10px 10px;
		min-width: 120px;
		font-size: 13px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);		
		top: 100%;
		#{$right}:auto;
		#{$left}:0;		
		li{		
			margin:0;
			padding:0;
			a{
				padding: 3px 10px;
				border-radius: 5px;
				border: 1px solid transparent;
				font-size: 13px;
				color: $text_color !important;
				display: block;
				&:hover{
					color:$link_color !important;
					border: 1px solid $link_hover_color;
				}
			}
		}
		.lang-active{
			background-color:transparent;
			a{color:$link_color;}
		}		
	}
	&:hover .dropdown-menu{
		opacity: 1;
        filter: alpha(opacity = 100);
        visibility: visible;
        top: 100%;
	}
}
//currency
.hikashop_currency_module{
	margin-#{$left}:30px;
	.btn-group{
		border:none;
		padding:0;
		background-color:transparent;
	}
	select{
		border:none; opacity:0; width:0; height: 0 !important;
        padding: 0;
	}
	
	.bootstrap-select{		
		select,
		> .btn{
			line-height: 20px;
			border: 0;
			font-size: 14px;
			color: #fff;
			padding: 12px 0;
			text-transform: uppercase;
			border-radius: 0;
			background:transparent;
			position:relative;			
			&:after{
				border:0;	
				display:none;								
			}
			&:focus{
				box-shadow:none;				
				outline:none !important;
			    outline-offset:0;				
			}
			i:before{				
				content:"\f0d7";
				font-family:fontawesome;
				font-weight: 400;
				font-size:14px;
			}
			.filter-option{
				width:auto;
				padding-#{$right}:5px;
				
			}
			&:hover{
				color:#fff;
			}
		}
		.dropdown-menu{
			border:none;
			@include border-radius(0 0 10px 10px); 
			display: block;
			opacity: 0;
			filter: alpha(opacity = 0);
			visibility: hidden;
			transition: all 0.2s ease-out;
			padding: 10px 10px;
			min-width: 120px;
			font-size: 13px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);		
			top: 100%;
			#{$right}:auto;
			#{$left}:0;		
			li{		
				margin:0;
				padding:0;
				a{
					padding: 3px 10px;
					border-radius: 5px;
					border: 1px solid transparent;
					font-size: 13px;
					color: $text_color !important;
					display: block;
					&:hover{
						color:$link_color !important;
						border: 1px solid $link_hover_color;
					}
				}
			}
			.dropdown-menu-inner{
				min-width: 70px;
			}
		}
		&:hover .dropdown-menu{
			opacity: 1;
			filter: alpha(opacity = 100);
			visibility: visible;
			top: 100%;
		}
	}
}
#sp-header-top{
	clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
	position:relative;		
	&:before {
		display: inline-block;
		content: "";
		width: 84.5%;			
		background: #1b1a41;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 100%;
		//z-index: -1;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		@media (max-width: 1440px){
			width: 100%;
		}
	}
	.row{
		align-items: flex-end;
	}
}
.layout-boxed #sp-header-top:before,
.layout-boxed #sp-header:before{
	width:100%;
	border-radius:0;
}

#sp-logo{
	position:relative;
	.logo{	
		display: inline-flex;
		margin: 0;		
		a {
			font-size: 20px;
			line-height: 1;
			margin: 0;
			padding: 0;
		}
		p {
			margin: 5px 0 0;
		}
	}
}

#sp-user1{
	.sp-column{
		display: flex;
		justify-content: end;
		align-items: flex-end;
		gap:10px;
	}
}

// Header
#sp-header{
	clear: both;
    padding: 0;
	position:relative;
	z-index:2;
	&:before {
		display: inline-block;
		content: "";
		width: 84.5%;			
		background: #1b1a41;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 100%;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		border-bottom-right-radius: 40px;
		border-bottom-left-radius: 40px;
		@media (max-width: 1440px){
			width: 100%;
			border-bottom-right-radius: 20px;
			border-bottom-left-radius: 20px;
		}
	}
	.sp-column{
		display:block !important;		
	}
	.container-inner >.row{
		//justify-content: space-between;
		align-items: center;
	}
}
#sp-header,
.header-container{
	left: 0;
	position: relative;
	top: 0;
	width: 100%;	
	&.header-sticky {
		position: fixed;
		z-index: 999;
		background:#fff;		
		height: $header_height;
	}
}

#sp-menu-vertical{
	width:330px;
}

#sp-menu{
	flex: 1 1 0;
	.sp-megamenu-wrapper{
		display:block !important;
	}
}

/* ====================== Menu Vertical Css ==================== */
.sambar .menu_vertical{
	background-image:none !important;
	background-color:#FFFFFF10 !important;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 10px;
	.title-mod{		
		transition: all 0.3s ease-in-out 0s;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		text-shadow: none;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
		line-height: 50px;
		padding:0;
		margin: 0;
		position: relative;
		text-transform: capitalize;
		display: block;
		background-color: $link_hover_color;
		i{
			float: $left;
			padding: 0px;
			width: 50px;
			height: 50px;
			margin:0;
			margin-#{$right}: 15px;		
			background: rgba(27, 26, 65, 0.2) url(../images/icon-menu.png) no-repeat center center;
			border-top-#{$left}-radius: 10px;
			border-bottom-#{$left}-radius: 10px;			
			&:before{display:none;}
		}
	}	
	ul.sj-megamenu-parent {
		position: relative;
        box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.1);
        background-color: #fff;
        padding-bottom: 10px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
		> li{
			border:none;
			float:none;
			> a,
			> span{
				display: block;
				font-size: 16px;
				font-weight: 400;
				padding: 7px 20px;
				line-height: 22px;
				letter-spacing:0;
				position: relative;
				text-transform: capitalize;		
				color:$link_color;
				> span{
					color:currentColor;
					font-size: 16px;
					padding:0;
					display: inline-block;
				}
				&:hover{
					background:#f7f7f7;		
					color:$link_hover_color;
				}
			}
			&:last-child{
				a:hover{
					background:transparent;	
				}
			}
			&.sj-has-child > a:after{
				content: "\f0da";
				font-family: FontAwesome;
				text-align: center;
				font-size: 12px;
				top: 50%;
				position: absolute; 
				#{$right}: 15px; #{$left}:auto; 
				line-height: 100%;
				-webkit-transform: translatey(-50%);
				-moz-transform: translatey(-50%);
				-ms-transform: translatey(-50%);
				-o-transform: translatey(-50%);
				color: $link_color;
				@include if-rtl {
					content: "\f0d9";
				}
			}
		}
		.level-1 > a > img, 
		.level-1 > span >img{
			margin-#{$right}:15px;
			margin-#{$left}:0;
		}
		> li > .sj-dropdown{
			border:none;
			border-radius: 0px 20px 20px 0px;
			//overflow:hidden;
			@include if-rtl {
				border-radius: 20px 0px 0px 20px;
			}
			> .sj-dropdown-inner{
				padding: 20px 30px;
				box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.1);	
				border-radius: 0px 20px 20px 0px;
				@include if-rtl {
					border-radius: 20px 0px 0px 20px;
				}
			}
			&.sj-dropdown-mega{				
				.sj-dropdown-inner .sj-megamenu-row{
					> div{
						padding-left:10px;
						padding-right:10px;
					}
				}
			}
		}
		
		.sj-dropdown{	
			.sj-dropdown-inner{
				ul.sj-dropdown-items{
					li.sj-menu-item{
						a{
							padding:0;
							font-size: 14px;
							font-weight: 400;
							color: $link_color;
							display: block;
							text-align:$left;
							line-height: 30px;
							text-transform: capitalize;
							-webkit-transition: all 0.35s ease;
							-moz-transition: all 0.35s ease;
							-ms-transition: all 0.35s ease;
							-o-transition: all 0.35s ease;
							transition: all 0.35s ease;
							&:hover{
								padding-#{$left}: 10px;
								color:$link_hover_color;
							}
						}
					}
				}
			}
		}
		.menu-deal{
			.sj-group-title{display:none !important; }
			.sj-megamenu-row > div{position:relative;}
			@media (min-width: 992px) {
				.banner a{
					position:relative;
					bottom:-20px;
					#{$right}:-13px;
				}
			}
		}
		.item-categories{
			.banner{
				margin:10px 0 0;
			}
		}
	}	
}
@media (min-width: 1200px) {
    .sambar .menu_vertical .sj-megamenu,
	.home-layout.view-page .header-sticky .sambar .menu_vertical .sj-megamenu{
        visibility: hidden;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        position: absolute;
        width: 100%;
        top: 100px;
		#{$left}:0;
    }
	.home-layout.view-page .sambar .menu_vertical .sj-megamenu,
	.home-layout.view-page .header-sticky .sambar .menu_vertical:hover .sj-megamenu{
		visibility: visible;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		top: 70px;
	}
	.home-layout.view-page .sambar .menu_vertical{
		background-color:#fff !important;	
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.sambar .menu_vertical .sj-megamenu{
        visibility: hidden;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -ms-opacity: 0;
        -o-opacity: 0;
        opacity: 0;
        transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        position: absolute;
        width: 100%;
        top: 100px;
		#{$left}:0;
    }
}
@media (min-width: 992px){
	.sambar .menu_vertical:hover .sj-megamenu{
		visibility: visible;
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		top: 70px;
	}
	.sambar .menu_vertical:hover{
		background-color:#fff !important;	
	}
}

ul.social-icons{
	list-style: none;
	padding: 0;
	margin:0 -10px;
	display: flex;
	justify-content: flex-end;
	>li{
		margin: 0px 10px;
		span{
			font-size: 0px;		
			&:before{font-size:20px;}
		}
	}
}
//my account
.my_account{
	position:relative;	
	width: 50px;
	height: 50px;
	display:inline-block;
	border-radius: 10px;
	background-color: #1f2454;
	background-position:center center;
	background-repeat:no-repeat;
	background-image: url(../images/icon-account.png);
	&:hover{			
		background-color: $link_hover_color;
	}
	&:after{display:none;}
}

//Module Mod Login
#myLogin{
	//cursor:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 18 18' fill='%23fff'%3e%3cpath d='M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z'/%3e%3c/svg%3e"),pointer;
	overflow:hidden;
	.title{
		text-transform:uppercase;
		font-size:20px;
		color:$link_color;
	}
    .modal-dialog{
        width: 597px; 
		top:30%;		
        .modal-content{
            padding: 0px; 
			border-radius: 10px;
            .modal-header{border-bottom:1px solid #ebebeb; padding:10px 20px;}
            .modal-title{font-size: 22px; color: $link_color; text-transform: capitalize;}
			.btn-close{
				opacity:1;
				margin:0;
				&:hover{
					opacity:0.8;
				}
				&:focus{
					box-shadow:none;
				}
			}
			.modal-body{padding:20px;}
        }
    } 
}
/*---popup-login---*/
.mod-login{	
	position:relative;
	height:50px;	
	.form-group{
		margin-bottom:20px;
	}
	.mod-login__remember{
		.form-check{
			margin:0; min-height:auto;
			display: flex;
			gap: 10px;	
			padding:0;
			align-items: center;
			input{
				float:$left;
				margin:0;
			}
		}
		.form-check-label{
			font-size:13px;
		}
	}	
	.form-control{
		border-radius: 5px;
		height:42px;
		line-height:42px;
		padding:0 20px;
		background-color:#f5f5f5 !important;
		border:1px solid #f5f5f5;
		&:focus{
			box-shadow:none;
			border-color:transparent;
		}
	}
	.input-group-text{
		background-color:#f5f5f5 !important;
		border:1px solid #f5f5f5;
		color:$text_color;
		border-radius: 5px;
		padding: .375rem .75rem;
	}
	.input-group button{
		background-color:#f5f5f5;
		border:1px solid #f5f5f5;
		color:$text_color;
		border-radius: 5px;
		padding: .375rem .75rem;
	}
	
	.mod-login__submit{
		.btn-primary{
			border-radius: 5px;
			height:42px;
			line-height:42px;
			border:none;
			font-size:12px;
			padding:0 35px;
			text-align:center;
			text-transform:uppercase;
			background:$link_hover_color;
			color:#fff;
			&:hover{
				background:$link_color;
			}
		}
	}
	.plg_system_webauthn_login_button{
		padding: 12px 30px;
		svg{
			width:20px;
			fill: #fff;
			vertical-align: -3px;
		}
	}	
	.mod-login__bottom{
		display:flex;
		justify-content: space-between;
	}
	.mod-login__options{
		font-size:13px;
		li{
			padding-bottom:5px;
			&:last-child{
				padding-bottom:0;
			}
			a:hover{
				color:$link_hover_color;
			}
		}
	}
	
	ul.dropdown-menu{
		border:none;
		@include border-radius(10px); 
		display: block;
		opacity: 0;
		filter: alpha(opacity = 0);
		visibility: hidden;
		transition: all 0.2s ease-out;
		padding: 10px 10px;
		min-width: 120px;
		font-size: 13px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);		
		top: 100%;
		#{$right}:auto;
		#{$left}:0;		
		li{		
			margin:0;
			padding:0;
			a{
				padding: 3px 10px;
				line-height: 22px;
				border-radius: 5px;
				border: 1px solid transparent;
				font-size: 13px;
				color: $text_color !important;
				display: block;
				&:hover{
					color:$link_color !important;
					border: 1px solid $link_hover_color;
				}
			}
			&.login-greeting{
				padding: 3px 10px;
				color:$text_color;
			}
		}		
	}
	&:hover .dropdown-menu{
		opacity: 1;
        filter: alpha(opacity = 100);
        visibility: visible;
        top: 100%;
	}
	.logout{
		.btn{
			background:none;
			padding: 3px 10px;
			line-height:22px;
			width:100%;
			text-align: $left;
			display:block;
			border-radius: 5px;
			border: 1px solid transparent;
			font-size: 13px;
			color: $text_color !important;
			display: block;
			&:hover{
				color:$link_color !important;
				border: 1px solid $link_hover_color;
			}
		}
	}	
}

.sp-module-content {
	// Latest Articles
	.latestnews {
		> li {
			> a {
				>span {
					display: block;
					margin-top: 5px;
					font-size: 85%;
				}
			}
		}
	}
}

//sp module
.sp-module{
	.sp-module-title{
		margin-top: -9px;
		margin-bottom: 20px;
		color: $link_color;
		font-size: 30px;
		line-height: 40px;
		font-weight: 700;
		text-transform: capitalize;
	}
	.pre-text a{
		text-decoration: underline;
		font-size: 15px;
	}	
}

// Page Title
#sp-title {
	min-height: 0;
}
.sp-page-title{
	padding: 30px 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	.sp-page-title-heading, .sp-page-title-sub-heading {
		margin: 0;
		padding: 0;
		color: #fff;
	}
	.sp-page-title-heading {
		font-size: 24px;
		line-height: 1;
	}
	.sp-page-title-sub-heading {
		font-size: 14px;
		font-weight: normal;
		line-height: 1;
		margin-top: 10px;
	}
}
// Body
.body-innerwrapper{
	//overflow-x: hidden;
}
.layout-boxed .body-innerwrapper {
	max-width: 1320px;
	margin: 0 auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	overflow:hidden;
	.container {
	    //padding-right: 15px;
	    //padding-left: 15px;
    }
}

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

.com-sppagebuilder #sp-main-body {
	padding: 0;
}
.mod-breadcrumbs__wrapper{
	margin:0px 0px 20px;
	.breadcrumb{
		padding: 12px 0;
		background:transparent;
		margin:0 0 0px;
		display:inline-block;
		.breadcrumb-item{	    	
		    line-height: 22px;
		    margin: 0;		    
		    display: inline-block;
			font-size:14px;			
		    a{
		    	display:inline-block;
				color:$text_color;
				&:hover{
					color:$link_hover_color;
				}
		    }
			&.active{
				color:$link_color;
			}
	    }
		.breadcrumb-item+.breadcrumb-item {
			padding-right: 0px;
			padding-left: 0px;
		}
		.breadcrumb-item+.breadcrumb-item::before {
			color: $text_color;
			//font-family:fontawesome;
			content: var(--bs-breadcrumb-divider, "/");
			padding-left: 8px;
			padding-right: 8px;
			float:$left;
		}
		.large-item{
			color: $link_color;
			font-size:30px;
			margin-bottom:4px;
			display:none;
		}
	}
}

//banner
.banner-col a{
	opacity:1;
	transition: all 0.3s ease-in-out 0s;
	&:hover{
		opacity:0.8;
	}
}

// Left and Right
#sp-left,
#sp-right{
	overflow: visible;
    //display: flex; use for .block_sticky
	.block_sticky{
		//top: 120px;
		//position: -webkit-sticky;
		//position: sticky;
	}
	.sp-module{
		padding: 0px;
		margin-bottom:30px;		
		&:first-child {
			//margin-top: 0;			
		}
		&:last-child{
			margin-bottom:0px;		
		}
		.sp-module-title {
			font-weight: 700;
			font-size: 24px;
			color: $link_color;
			margin-top:0;
			margin-bottom: 12px;
			background: transparent;
			padding: 0;
			line-height: 30px;
			text-transform: capitalize;
		}
		.sp-module-content{
			border-radius: 20px;
			border: 1px solid #eee;
			//padding: 23px 0 30px;
		}
		//Un-ordered List
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			>li {
				display: block;	
				>a {
					display: block;					
					line-height: 20px;
					color:$link_color;
					padding:10px 0;
					&:hover{
						color:$link_hover_color;
					}
				}
				&:last-child{
					padding: 0px 0px;
				}
			}
		}
		//List category
		.mod-articlescategories{
			padding:13px 20px;
			li{
				a{
					font-size:15px;
					color:$text_color;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
					transition: all 0.3s ease;
					&:hover{
						color:$link_hover_color;
						padding-#{$left}: 10px;
					}
				}
			}
		}
		//Latest News
		.latestnews {
			>div {
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 1px solid #e8e8e8;
				&:last-child {
					padding-bottom: 0;
					margin-bottom: 0;
					border-bottom: 0;
				}
				>a {
					display: block;
					font-weight: 400;
				}
			}
		}
		//Tags Cloud
		.tagscloud {
			margin: -2px 0;
			.tag-name {
				display: inline-block;
				padding: 5px 10px;
				background: #808080;
				color: #fff;
				border-radius: 4px;
				margin: 2px 0;
				span {
					display: inline-block;
					min-width: 10px;
					padding: 3px 7px;
					font-size: 12px;
					font-weight: 700;
					line-height: 1;
					text-align: center;
					white-space: nowrap;
					vertical-align: baseline;
					background-color: rgba(0, 0, 0, 0.2);
					border-radius: 10px;
				}
			}
		}
		&.banner-sidebar{
			.sp-module-content{
				border:none;
				overflow:hidden;
			}
		}
		&.mod-search-sidebar{
			.sp-module-content{
				border:none;
			}
		}
		&.blog-sidebar{
			.sp-module-content{
				border:none;
			}
			.sj-extraslider{
				position:relative;
				margin:0;
				.extraslider-inner{
					border: none;
					margin-bottom: 0px;
					margin-top: 0px;			
					.owl2-stage-outer{
						border-radius: 20px;
						background-color: #ffffff;
						padding: 0;
						border:1px solid #eee;
					}
					.item{
						margin:15px 15px 30px;
						padding:0px;
						.item-wrap.style1{
							margin: 0;
							transition: all 0.3s ease-in-out 0s;
							.item-wrap-inner{								
								display:block;
								.item-image{
									position:relative;
									overflow: hidden;
									border-radius: 10px;
									margin-bottom:15px;
									.item-date{
										position: absolute;
										top: 10px;
										#{$left}: 10px;
										width: 50px;
										height: 60px;
										border-radius: 5px;								
										padding: 7px 0 0;
										background-color: #fff;
										font-size: 13px;
										line-height: 25px;
										text-transform: uppercase;
										color: $link_color;
										text-align: center;
										z-index: 2;	
										display:none;
										b{ 
											font-size: 24px;
											display: block;
											font-weight:400;
										}							
									}
								}
								.item-info{
									padding:0px;	
									.item-author{
										color: $link_hover_color;
										font-size: 14px;
										margin-bottom:5px;
										display:none;
										span{
											color: #444;
										}
									}
									.item-title{
										margin:0 0 5px;
										padding:0;
										line-height: 17px;
										text-transform: none;
										a{
											font-size: 16px;
											line-height: 24px;
											padding: 0;
											font-weight: 400;
											color: $link_color;
											&:hover{
												color: $link_hover_color;
											}
										}
									}
									.item-content{
										margin:0;
										padding:0;
										.item-description{
											color: #999;
											font-size: 14px;
											line-height: 22px;
											font-weight: 400;
											margin: 0 0 8px;
										}
										.item-readmore{
											text-align:$left;
											font-weight:400;
											a{
												text-decoration:underline;
											}
										}
									}
								}
							}				
						}
						&:hover{
							.item-wrap.style1{
								
							}
						}
					}
				}
				.owl2-controls{
					margin:0;
					text-align:center;
					.owl2-nav{            
						@include owl-nav-style2(50px,50px,25px,#f7f7f7,#fff);	
					}
					.owl-dots{
						@include owl-dot-style2(10px,10px,#eee,$link_hover_color);
						margin-top: 20px;
					}
				}
				&:hover .owl2-controls .owl2-nav > div{		
					opacity:1;
				}
			}
		}
	}
}

// Login Form
.login {
	img {
		display: inline-block;
		margin: 20px 0;
	}
	.checkbox {
		input[type="checkbox"] {
			margin-top: 6px;
		}
	}
}

.form-links {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
}
// Search
.search {
	.btn-toolbar {
		margin-bottom: 35px;
		span.icon-search {
			margin: 0;
		}
		button {
			color: #fff;
			border-radius:5px;
			background:#8D979E !important;
			margin: 0 5px;
			&:hover{
				background:$link_hover_color !important;
			}
		}
	}
	.phrases {
		.phrases-box {
			margin-bottom:10px;
			.controls {				
				label {
					display: inline-block;					
				}
			}
		}
		.ordering-box {
			margin-bottom: 30px;
		}
	}
	.only {
		label {
			display: inline-block;
			margin-right:15px;
		}
	}
	.search-results {
		dt.result-title {
			margin-top: 40px;
		}
		dt, dd {
			margin: 5px 0;
		}
	}
}

.filter-search {
	.chzn-container-single {
		.chzn-single {
			height: 34px;
			line-height: 34px;
		}
	}
}

.form-search {
	.finder {
		label {
			display: block;
		}
		.input-medium {
			width: 60%;
			border-radius: 4px;
		}
	}
}

.finder {
	.word {
		input {
			display: inline-block;
		}
	}
	.search-results.list-striped {
		li {
			padding: 20px 0;
		}
	}
}

// Blog
.article-list {
	.article {
		margin-bottom: 35px;
		padding: 10px;
		border-radius: 20px;
		border: 1px solid #eee;
		transition: all 0.3s ease-in-out 0s;
		background-color: #fff;
		.article-body >.category-name{
			margin-bottom: 6px;
			font-size: 0.8rem;
			color: #777;
			display: inline-block;
		}
		
		.article-intro-image,
		.article-featured-video,
		.article-featured-audio,
		.article-feature-gallery {
			margin-bottom:25px;
			border-radius: 10px;
			overflow:hidden;
			float:none;
		}
		.article-intro-image{
			img{
				height:auto;
				transition: all 0.2s ease-in-out 0s;
			}
		}
		.article-image{
			position:relative;
			.create{
				position: absolute;
				top: 10px;
				#{$left}: 10px;
				width: 50px;
				height: 60px;
				border-radius: 5px;								
				padding: 7px 0 0;
				background-color: #fff;
				font-size: 13px;
				line-height: 25px;
				text-transform: uppercase;
				color: $link_color;
				text-align: center;		
				b{ 
					font-size: 24px;
					display: block;
					font-weight:400;
				}							
			}
			.featured-article-badge{
				position: absolute;
				top: 10px;
				#{$right}: 10px;
			}
		}
		
		.article-body{
			padding:0px 20px 20px;
		}
		
		.article-header {
			h1,
			h2,h4 {
				margin-bottom: 10px;
				font-size: 18px;
				font-weight: 500;
				line-height: 23px;				
			}
		}
		
		.article-info{
			span i{
				display:none;
			}
			.create{display:none;}
		}
		
		.createdby{
			color: #444;			
			font-size: 14px;
			margin-bottom:5px;
			span{
				color: $link_hover_color;
			}
		}
		
		.article-introtext{
			line-height:22px;			
			p{
				margin:0;
			}
		}

		.readmore {
			margin-top:20px;
			a {
				font-size: 15px;
				text-transform: capitalize;				
				display: inline-block;
				font-weight: 400;	
				position:relative;
				&:before{
					content: "+";
					display: inline-block;
					margin-#{$right}: 3px;
				}
				&:after{					
					position: absolute;
					bottom: 3px;
					left: 0px;
					height: 1px;
					width: 100%;
					background: currentColor;
					content: "";
				}
				&:hover {
					&:after{
						background: currentColor;
					}
				}
			}
		}
		&:hover{
			img{opacity:0.8;}
			border: 1px solid transparent;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
		}
	}
	.cols-2{
		.article-intro-image{
			img{
				width:100%;
			}
		}
	}
	.cols-1{
		.article{
			margin-bottom:30px;
			display:flex;
			padding:20px;
			.article-header{
				h2{font-size:24px;}
			}
		}
		.article-intro-image{
			width:376px;
			margin-#{$right}:30px;
			margin-bottom:0;
			float:none;
		}
		.article-body{
			padding:0;
			//margin-top:auto;
			//margin-bottom:auto;
			width: calc(100% - 406px);
		}
	}
}

.article-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 5px;	
	>span {
		font-size: 14px;		
		+ span::before {
			display: inline-block;
			padding-right: .5rem;
			padding-left: .5rem;
			content: "";
			//display:none;
		}
		+ span{
			//margin-left:10px;
		}
		a {
			color: $text_color;
			&:hover {
				color: $link_hover_color;
			}
		}
		i{font-size:14px; margin-#{$right}:5px; vertical-align: 2px;}
	}
}

.article-details {
	.article-header {
		position: relative;
		    clear: both;
		h1,
		h2 {
			color:$link_color;			
			font-size: 36px;
			line-height: 48px;
			text-transform: capitalize;
			font-weight: 500;
			margin-bottom: 15px;
		}
	}

	.article-info {
		margin-bottom: 30px;
	}

	.article-full-image {
		text-align: center;
		margin-bottom: 30px;
		img {
			display: inline-block;
			border-radius: 20px;
			height:auto;
		}
	}

	.article-featured-video,
	.article-featured-audio,
	.article-feature-gallery {
		margin-bottom: 30px;
	}
	
	.article-text{
		text-align: justify;
		margin-left: auto;
		margin-right: auto;
	}

	.article-ratings-social-share {
		padding: 1rem 0;
		border-top: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
		margin-bottom: 1rem;
	}

	.article-author-information {
		padding-top: 2rem;
		margin-top: 2rem;
		border-top: 1px solid #f5f5f5;
	}

	.article-can-edit {
		position: relative;		
		a {
			display: inline-block;
			background: #2a61c9;
			color: #fff;
			padding: 5px 12px;
			border-radius: 3px;
			font-size: 14px;
		}
	}
}
.related-article-list-container {
	margin-top: 15px;
	.related-article-title {
		font-size: 22px;
		padding-top: 30px;
		border-top: 1px solid #f3f3f3;
		color:$link_color;
		margin-bottom:20px;
	}
	.article{
		.article-full-image{
			margin-bottom:12px;
		}
		img{height:auto; border-radius:5px;}
	}
}

.tags {
	list-style: none;
	padding: 0;
	margin: 2rem 0 0 0;
	display: block;
	>li {
		display: inline-block;
		a {
			display: block;
			font-size: 0.875rem;
			padding: 0.5rem 1rem;
			border-radius: 6.25rem;
			&:hover {
				color: #fff;
			}
		}
	}
}

.pager {
	list-style: none;
	padding: 2rem 0 0 0;
	margin: 2rem 0 0 0;
	border-top: 1px solid #f5f5f5;

	&::after {
		display: block;
		clear: both;
		content: "";
	}

	>li {
		display: inline-block;
		&.previous {
			float: left;
		}
		&.next {
			float: right;
		}
		a {
			display: inline-block;
			font-size: 0.785rem;
			padding: 10px 20px;
			border-radius: 3px;
		}
	}
}

#article-comments {
	padding-top: 2rem;
	margin-top: 2rem;
	border-top: 1px solid #f5f5f5;
}

//Article Voting
.article-ratings {
	display: flex;
	align-items: center;
	.rating-symbol {
		unicode-bidi: bidi-override;
		direction: rtl;
		font-size: 1rem;
		display: inline-block;
		margin-left: 5px;
		span.rating-star {
			font-family: "FontAwesome";
			font-weight: normal;
			font-style: normal;
			display: inline-block;
			&.active:before {
				content: "\f005";
				color: #F6BC00;
			}
			&:before {
				content: "\f006";
				padding-right: 5px;
			}
		}

		span.rating-star:hover:before,
		span.rating-star:hover ~ span.rating-star:before {
			content: "\f005";
			color: #E7B000;
			cursor: pointer;
		}
	}

	.ratings-count {
		font-size: 0.785rem;
		color: #999;
	}

	.fa-spinner {
		margin-right: 5px;
	}
}

// Misc
.pagination-wrapper {
	align-items: center;
	.pagination {
		margin: 0 auto !important;
	}
}
.pagination-counter{display:none;}
.pagination-wrapper,
.paginationblock{
    text-align: center;
    justify-content: center;
    display: flex;
    .mr-auto{
    	margin-right:0 !important;
    }
    .pagination{
        li{
            display: inline-block; padding: 0px; margin:0 3px;
            >a,>span{				
				padding: 0px;
				border-radius: 100% !important;
				background: #fff;
				border: 1px solid transparent;
				width: 50px;
				height: 50px;
				line-height:50px;
				text-align:center;
				color: $link_color;
				margin:0 !important;
				font-size:16px;
            }
            &:hover{
                >a,>span{
                    background:#f7f7f7;
					border-color:transparent;							
					color:$link_color;
                }
            }
			a:focus{box-shadow:none !important;}			
            &.active{
                >a,>span{
                    background:$link_hover_color;
					border-color:transparent;							
					color:#fff;
                }
            }
        }
    }
}

/*====navigation====*/
.pagenavigation{
	overflow: hidden;
	margin-bottom:30px;
}
.pagenavigation ul{
  >li {
    a {
		border: 1px solid #EDEDED;
        color: $link_color;
        display: inline-block !important;
        &:hover{
        	color: $link_hover_color;
        	border: 1px solid $link_hover_color;
			background-color: transparent;
        }
    }
  }
}

.pagenavigation ul{
	list-style: none;
	padding: 2rem 0 0 0;
	margin: 2rem 0 1rem 0;
	border-top: 1px solid #f5f5f5;
	display: block;
	>li {
		display: inline-block;
		&.previous {
			float: left;
		}
		&.next {
			float: right;
		}
		a {
			display: inline-block;
			font-size: 0.785rem;
			padding: 10px 20px;
			border-radius: 5px !important;
		}
	}
}

//Social Share
.article-social-share {
	//float: left;
	.social-share-icon {
		ul {
			padding: 0;
			list-style: none;
			margin: 0;
			li {
				&:not(:last-child) {
					margin-right: 10px;
				}
				display: inline-block;
				a {
					border: 1px solid #EDEDED;
					font-size: 1rem;
					border-radius: 50%;
					height: 34px;
					line-height: 34px;
					text-align: center;
					width: 34px;
					display: inline-block;
					&:hover,
					&:focus {
						color: #fff;
					}
				}
			}
		}
	}
}

.newsfeed-category {
	.category {
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			padding: 5px 0;
		}
	}
	#filter-search {
		margin: 10px 0;
	}
}

.category-module, 
.archive-module, 
.latestnews, 
.newsflash-horiz, 
.mostread, 
.form-links, 
.list-striped {
	list-style: none;
	padding: 0;
	margin: 0;
	li {
		padding: 0px 0 10px;
		h4 {
			margin: 5px 0;
		}
		&:last-child{
			padding:0;
		}
	}
}
//Social and rating
.article-footer-top{
	display: table;
	clear: both;
	width: 100%;
	.post_rating{
		float: left;
	}
}

// contentpane
.contentpane {
	&:not(.com-sppagebuilder) {
		padding: 20px;
	}
}
//short code other page
.yt-member.yt-member-style-2 .yt-member-icons .yt-member-ic {
    padding: 20px 5px;
}
.yt-testimonial.button-type2 .owl-prev, 
.yt-testimonial.button-type2 .owl-next{
	width:14px;
}
.yt-testimonial .owl-dots .owl-dot{
	display:inline-block;
}

// Bottom
//newsletter
.block-newsletter{	
	position:relative;
	z-index:2;
	border-radius:20px;
	background-color:$topbar_bg_color;
	background-color: darken($link_hover_color, 52%);
	padding: 22px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	.title-block{
		width:50%;
		.sp-module-title{	         
			font-size:30px;
			line-height: 1.3;	
			font-weight: 400;
			text-transform: capitalize;  
			color:#fff;
			margin-bottom:0px;					
		}
		.pre_text{
			font-size:15px;
			color: #ffffff;
		}
	}		
	.block_content{	
		width:50%;		
		.form-group{
			width:100%;	
			position:relative;
			margin:0;			
		}
		.form-control{ 
			direction: unset;
			box-shadow: none;
			width: 100%;
			height: 50px;
			line-height:50px;
			padding:0 25px;
			border-radius: 10px;
			background-color:#fff;  
			color:$link_color;
			margin-bottom: 0px;
			border: none;
			text-align:$left;
			font-size:14px;							
			&::-moz-placeholder {
			  color: $link_color;
			  opacity: 1; 
			}
			&:-ms-input-placeholder { color: $link_color; } 
			&::-webkit-input-placeholder  { color: $link_color; } 
			&:focus::-webkit-input-placeholder { color:transparent; }
			&:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
			&:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
			&:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
		}
		.subcribe button{ 
			position:absolute;
			#{$right}:5px;
			#{$left}:auto;
			top:5px;
			width: auto;
			height: 40px;
			border-radius: 5px;
			background-color: $link_hover_color;
			font-size: 14px;
			line-height: 40px;
			text-transform: uppercase;
			color: #ffffff;
			font-weight: 400;
			padding:0 30px;
			border:none;
			margin:0;
			&:hover{
			  background-color:$linkColorHover2;
			}
		}	
	}	
}


#sp-footer-middle{	
	.sp-module{
		.sp-module-title {
			color: $link_color;
			line-height: 20px;
			margin-bottom: 20px;
			margin-top: -3px;
			font-size: 18px;
			font-weight:700;
			text-transform: capitalize;
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			> li {
				display: block;
				margin-bottom: 15px;
				&:last-child {
					margin-bottom: 0;
				}
				>a {
					display: block;
				}
			}
		}		
		ul.menu li{
			display:block;
			font-size: 14px;
			line-height: 22px;
			color: $link_color;
			margin-bottom:20px;		
			a{
				color: #444;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
				transition: all .3s ease;
				&:hover{
					padding-#{$left}:10px;
					color:$link_hover_color;
				}
			}		
			&:last-child{
			  margin-bottom:0;
			}
		}
	}
}
.infos-footer{
	ul{
		li.phone{
			position:relative;
			padding-#{$left}:100px;
			p{
				display:block;
				color:#555555;
				font-size:14px;
				margin:0;
			}
			strong{
				color:$link_color;
				font-size:20px;
			}
			&:before{
				height: 54px;
				width: 80px;
				background: url(../images/icon-support.png) no-repeat #{$left} center;
				display: inline-block;
				content:"";
				position:absolute;
				#{$left}:0;
				top:0;
				border-#{$right}: 1px solid #e7e7e7;					
				padding-#{$right}:25px;
			}
		}
		li.address {
			color:$link_color;
			font-size:16px;
			margin:30px 0 22px;
		}
		li.email {
			color:$text_color;
			font-size:14px;
		}
	}
	.socials{
		margin: 33px -5px 0 !important;
		display:flex;		
		li{			
			margin: 0 5px;
			a{
				color: $link_color !important;
			    font-size: 14px;				
				height: 50px;
				width: 50px;
				line-height: 50px;
				padding: 0;
				text-align: center;
				border-radius: 50%;
				background: #f7f7f7;
				display: block;
				transition: all .2s ease-in-out 0s;
			    .fa{
			    	display: inline-block;
				    font-size: 0px;	
					margin:0;
					&:before{
						font-size:18px;
					}
			    }
				&:hover{
					background: $link_hover_color;
					color:#fff  !important;;
				}
			}
			
		}
	}
}

// Footer
#sp-footer{	
	padding-top: 15px;
    padding-bottom: 15px;		
}
#sp-copyright{
	font-size:14px;
	padding-top: 3px;
	a{
		font-weight:700;
		color:$link_color;
			&:hover{
			color:$link_hover_color !important;
		}
	}	
}
.payment{
	text-align:$right;
}



// Coming soon
html.coming-soon {
	width: 100%;
	height: 100%;
	min-height: 100%;

	body {
		width: 100%;
		height: 100%;
		min-height: 100%;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
		background-repeat: no-repeat;
		background-position: 50% 40%;
	}

	.coming-soon-logo {
		display: inline-block;
		margin-bottom: 2rem;
	}

	#coming-soon-countdown{
		margin-top: 4rem;

		.coming-soon-days,
		.coming-soon-hours,
		.coming-soon-minutes,
		.coming-soon-seconds{
			margin: 0;
			float: left;
			width: 25%;

			.coming-soon-number{
				width: 100%;
				font-size: 4.5rem;
				letter-spacing: -1px;
				line-height: 1;
			}

			.coming-soon-string{
				font-size: 1.5rem;
				letter-spacing: -1px;
				display: block;
				text-transform: uppercase;
			}
		}
	}

	.coming-soon-position{
		margin-top: 2rem;
	}

	.social-icons {
		margin-top: 4rem;
	}
	.coming-soon-login form{
		display: inline-block;
	}
}

// error
html.error-page {
	width: 100%;
	height: 100%;

	body {
		width: 100%;
		height: 100%;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: center;
		justify-content: center;
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
		background-repeat: no-repeat;
		background-position: 50% 40%;
	}

	.error-logo {
		display: inline-block;
		margin-bottom: 2rem;
	}

	.error-code {
		color: $link_hover_color;
		font-size: 300px;
		font-weight: 700;
		text-align: center;
		margin: 0px 0 40px;
		line-height: 1.2;
		display: inline-block;
		text-shadow: 5px 5px #eee;
	}

	.error-message {
		font-size: 20px;
		margin-bottom: 30px;
		
	}
	
	.btn-secondary{
		border-radius:25px;
		padding:15px 25px;
		background:$link_hover_color;
		color:#fff;
		border:none;
		&:hover{
			background:$link_color;
		}
	}

}

.sp-social-share {
	ul {
		display: block;
		padding: 0;
		margin: 20px -5px 0;
		li {
			display: inline-block;
			font-size: 24px;
			margin: 0 5px;
		}
	}
}

// profile
.profile {
	>div:not(:last-child) {
		margin-bottom: 30px;
	}
}

.dl-horizontal {
	dt {
		margin: 8px 0;
		text-align: $left;
		font-weight:500;
		color:#000;
	}
}

// page-header
.page-header {
	padding-bottom: 15px;
}

// featured contact
table.category {
	width: 100%;
	thead, tbody {
		>tr {
			border: 1px solid #f2f2f2;
			th, td {
				padding: 10px;
			}
		}
	}
}

//contact from
.contact-form {
	.form-actions {
		background: none;
		border: none;
	}
}

@media print {
	.visible-print {
		display: inherit !important;
	}
	.hidden-print {
		display: none !important;
	}
}

// Preloader
.sp-preloader {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	>div {
		border-radius: 50%;
		height: 50px;
		width: 50px;
		top: 50%;
		left: 50%;
		margin-top: -25px;
		margin-left: -25px;
		position: absolute;
		animation: spSpin 0.75s linear infinite;
		&:after {
			content: '';
			position: absolute;
			width: 49px;
			height: 49px;
			top: 1px;
			right: 0;
			left: 0;
			margin: auto;
			border-radius: 50%;
		}
	}
}

.sp-scroll-up {
	position: fixed;
    bottom: 50px;
    #{$right}: 30px;
    color: $link_color;
    display: none;
    line-height: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    z-index: 30;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	box-shadow:0 1px 5px rgb(0 0 0 / 15%);
	z-index: 1000;
	background-color: #fff;
	.fas{margin:0;}
	&:hover,
	&:active,
	&:focus {
		color: $link_hover_color;
	}
}


// Forms
.control-group {
	margin-bottom: 20px;
}

select.form-control:not([multiple]),
select.inputbox:not([multiple]),
select:not([multiple]) {
	//height: calc(2.25rem + 2px);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
select {
	&:not(.form-control) {
		display: block;
		width: 100%;
		border-radius: 5px;
		border: 1px solid #ebebeb;
		color: #3d3d3d;
		padding: 9px 15px;
		font-size: 16px;
		&:focus {
			color: #495057;
			background-color: #fff;
			border: 1px solid #ebebeb;
			outline: 0;
			box-shadow:none;
		}
	}
}
input[type="text"],
input[type="email"],
select.form-control{
	border-radius: 5px;
	border: 1px solid #ebebeb;
    color: #3d3d3d;
    padding: 9px 15px;
	font-size:16px;
	height:44px;
}
input[type="password"]{
	color: #3d3d3d;
    padding: 9px 15px;
	font-size:16px;
}
.input-group-text,
input[type="password"]{
	border: 1px solid #ebebeb;
}

.form-control:focus{
	box-shadow:none;
	border: 1px solid rgba(0,0,0,.15);
}

.chzn-select,
.chzn-select-deselect {
	width: 100%;
}

.chzn-container {
	&.chzn-container-single {
		.chzn-single {
			display: block;
			width: 100%;
			padding: .5rem 0.75rem;
			font-size: 1rem;
			line-height: 1.25;
			height: calc(2.25rem + 2px);
			color: #495057;
			background-color: #fff;
			background-image: none;
			background-clip: padding-box;
			border: 1px solid rgba(0,0,0,.15);
			border-radius: 0.25rem;
			transition: border-color ease-in-out .15s,box-shadow ease-in-out 0.15s;
			box-shadow: none;

			div {
				width: 30px;
				background: none;
				>b {
					background: none;
					position: relative;
					&:after {
						content: "\f0dc";
						font-family: FontAwesome;
						font-size: 0.875rem;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						-webkit-transform: translate(-50%, -50%);
					}
				}
			}
		}

		&.chzn-container-active {
			&.chzn-with-drop {
				.chzn-single {
					border-radius: .25rem .25rem 0 0;
				}
			}
		}

		.chzn-search {
			padding: 0.625rem;
			input[type="text"] {
				display: block;
				width: 100%;
				padding: .5rem 1.429rem .5rem 0.75rem;
				font-size: 0.875rem;
				line-height: 1.25;
				height: calc(2rem + 2px);
				color: #495057;
				background-color: #fff;
				background-image: none;
				background-clip: padding-box;
				border: 1px solid rgba(0,0,0,.15);
				border-radius: 0.25rem;
				transition: border-color ease-in-out .15s,box-shadow ease-in-out 0.15s;
				box-shadow: none;
				-webkit-box-shadow: none;

				&:focus {
					border-color: #80bdff;
					outline: 0;
					box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
					-webkit-box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
				}
			}

			&:after {
				content: "\f002";
				font-family: FontAwesome;
				font-size: 0.875rem;
				color: rgba(0, 0, 0, .2);
				position: absolute;
				top: 50%;
				right: 20px;
				transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
			}
		}

		.chzn-drop {
			border-color: rgba(0,0,0,.15);
			border-radius: 0 0 .25rem 0.25rem;
			box-shadow: none;
			-webkit-box-shadow: none;
		}

		.chzn-results {
			li {
				&.highlighted {
					background-image: none !important;
				}
			}
		}
	}

	&.chzn-container-multi {

		.chzn-choices {
			display: block;
			width: 100%;
			padding: 0 0.75rem;
			min-height: calc(2.25rem + 2px);
			line-height: 1.25;
			background-color: #fff;
			background-image: none;
			background-clip: padding-box;
			border: 1px solid rgba(0,0,0,.15);
			border-radius: 0.25rem;
			transition: border-color ease-in-out .15s,box-shadow ease-in-out 0.15s;
			box-shadow: none;
			-webkit-box-shadow: none;

			li {

				&.search-field {
					input[type="text"] {
						font-size: 0.875rem;
						font-weight: normal;
						line-height: 1.25;
						height: calc(2rem + 2px);
						background-color: #fff;
					}
				}

				&.search-choice {
					margin: 5.5px 5px 0 0;
					padding: 5px 20px 5px 5px;
					background-image: none;
					background-color: #f5f5f5;
					border-color: rgba(0,0,0,.1);
					box-shadow: none;
					-webkit-box-shadow: none;

					.search-choice-close {
						background: none;
						top: 5px;
						color: rgba(0, 0, 0, .2);
						&:hover {
							color: rgba(0, 0, 0, .5);
						}
						&:after {
							content: "\f00d";
							font-family: FontAwesome;
							font-size: 0.875rem;
							position: absolute;
							top: 0;
							right: 0;
						}
					}
				}
			}
		}

		&.chzn-with-drop {
			&.chzn-container-active {
				.chzn-choices {
					border-radius: 0.25rem;
				}
			}
			.chzn-drop {
				margin-top: -4px;
				border: none;
				border-radius: 0;
				box-shadow: none;
				-webkit-box-shadow: none;

				.chzn-results {
					&:not(:empty) {
						padding: 0.75rem;
						background: #fff;
						border: 1px solid rgba(0,0,0,.15);
						border-top: 0;
						border-radius: 0 0 0.25rem 0.25rem;
					}

					li {
						&.no-results {
							background: none;
						}
					}
				}
			}
		}
	}
}

// Form control
.form-horizontal {
	.control-label {
		//float: left;
		//width: auto;
		//padding-top: 5px;
		padding-right: 5px;
		//text-align: left;
	}

	.controls {
		//margin-left: 220px;
		.field-calendar{
			button.btn-secondary{padding:6px 10px;}
		}
	}
}

.card-block {
	padding: 20px;
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: block;
		li {
			display: block;
		}
	}
}

// Alerts
.alert {
	&.alert-error {
		color: #721c24;
		background-color: #f8d7da;
		border-color: #f5c6cb;
	}
}

// Cookie
#sp-cookie-consent {
	position: fixed;
	font-size: 16px;
	font-weight: 500;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10001;

	>div {
		padding: 20px;
		position: relative;
	}
}
.form-check-inline {
	input[type="radio"] {
		display: none;	
	}
}
#attrib-helix_ultimate_blog_options {
	#jform_attribs_helix_ultimate_article_format {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
			.form-check-inline {
				margin: 0;
				margin-right: -5px;
				label {
					display: inline-block;
					padding: 4px 12px;
					margin-bottom: 0;
					font-size: 13px;
					line-height: 18px;
					text-align: center;
					vertical-align: middle;
					cursor: pointer;
					background-color: #f3f3f3;
					color: #333;
					border-top: 1px solid #b3b3b3;
					border-right: 1px solid #b3b3b3;
					border-bottom: 1px solid #b3b3b3;
					box-shadow: 0 1px 2px rgba(0,0,0,0.05);
					border-radius: 0;
					&.btn-success {
						background: #46a546;
						color: #fff;
					}
					input[type="radio"] {
						display: none !important;
					}
				}
				&:last-child {
					label {
						border-top-right-radius: 3px;
						border-bottom-right-radius: 3px;
					}
				}
				&:first-child {
					label {
						border-left: 1px solid #b3b3b3;
						border-top-left-radius: 3px;
						border-bottom-left-radius: 3px;
					}
				}
				
			}
	}
}
.com-contenthistory {
	.btn-group {
		display: flex;
		justify-content: flex-end;
		button {
			display: inline-block;
			padding: 4px 12px;
			margin-bottom: 0;
			font-size: 13px;
			line-height: 18px;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			color: #333;
			text-shadow: 0 1px 1px rgba(255,255,255,0.75);
			background-color: #f5f5f5;
			background-repeat: repeat-x;
			border: 1px solid #bbb;
			border-bottom-color: #a2a2a2;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
			&:hover {
				color: #333;
				background-color: #e9e9e9;
			}
		}
	}
}
#versionsModal {
	top: 10%;
	.modal-dialog {
		max-width: 80%;
	}
	iframe {
		min-height: 300px;
	}
}

.tag-category{
	padding-bottom: 3rem;
	.mb-3{
		#filter-search{
			height:40px;
		}
		.btn.btn-secondary{
			height:40px;
		}
	}
	.mb-3{
		.btn-group{
			margin-left: 1rem;
			select{
				-webkit-appearance: none;
				vertical-align: middle;
				background: url(../images/bg-selectbox.png) no-repeat right center #fff;
				padding-right: 26px;
				width: 80px;
			}	
		}
	}
	.mt-3{
		margin-left: 1rem;
		margin-top: 0px !important;
		select{
			-webkit-appearance: none;
			vertical-align: middle;
			background: url(../images/bg-selectbox.png) no-repeat right center #fff;
			padding-right: 26px;
			width: 80px;
		}
	}
	.list-group{
		li{
			h3{
				font-size:18px;
			}
		}
	}
}
/*== Search sidebar ==*/
.search-sidebar{
	background-color: #f5f5f5;
    border-radius: 20px;
    padding: 20px;
    .form-search {
        position: relative;
		.mod-finder__search{
			height:44px;
			line-height:44px;
			border: 1px solid #eee;
			border-radius: 10px;
			background-color: #fff;
		}		
        .search-query {
            width: auto;
            height:44px;
			font-size: 14px;
            padding-#{$right}:20px;
            line-height:44px;
			border: none;
			border-radius: 0px;
			background-color: transparent;
			&:focus{
				&::-webkit-input-placeholder {
				  color: transparent;
				}
				&:-ms-input-placeholder{
				  color: transparent;
				}
				&:placeholder {
				  color: transparent;
				}
			}
        }
        .btn-search {
            position: absolute;
            top: 0;
            right: 0;
            border: 0;
            background-color: transparent;
            font-size: 0;
            padding: 0 13px;
            height:44px;   
			line-height: 44px;
			color:$link_color;
			z-index:1;
			&:before{
				content:"\e954";
				font-family: "icomoon";
				font-size:18px;
			}			
            &:hover {color:$link_hover_color;}       
        }
    }
}
#sp-right, 
#sp-left {
	.sp-column{       
        .tagscloud{
        	padding: 15px 10px;
        }
	}
}
.hasTooltip{display:inline-block !important;}
div.itemToolbar{display:none;}
.hasPopover{display:inline-block !important;}
.tooltip{display:none;}
.category-list select:not([multiple]).inputbox{width:80px;}
.category-list .col-auto button[name="filter_submit"]{display:none;}
.search .controls input[type="radio"]{}
.categories-list{
	h3.page-header	{
		font-size:24px;
		.badge{font-size:14px;}
	}
}


/*----------- Page Bonus -----------*/
#search-results .search-pages-counter{margin-top:10px;}
.login{
	.form-group input.form-control{
		height:40px;line-height:40px;
	}
	.list-group{
		.list-group-item{
			border:none;
		}
	}
}
.article-details .pager{float:left;width:100%;}
//
.recent-posts{
  .sj-basic-news{
	margin:0;
    .item-inner{
      .item-detail{
        margin: 0 0 15px; overflow:hidden;
        .item_content{
          .item-img{
            float: left;
            margin-right: 15px;
            border-radius: 5px;
		    overflow: hidden;
		    //border: 1px solid #ddd;
		    img{
		    	transition: all 0.3s ease-in-out 0s;
		    }
            &:hover{
              img{transform: scale(1.15);}			  
            }
          }
          .entry-content{
            .item-title{
              h4{
				line-height:15px;
				margin-bottom:5px;
                a{
					font-size: 16px;
					line-height: 20px;
					font-weight: 500;
                }
              }
            }
            .item-meta{
              color:#666;
              font-size:14px;
              i{color:#666;}
              .entry-date{
                margin-right: 6px;
                position: relative;
                i{
                  margin-right:2px;color:#999;
                }
              }
            }
          }
		 
        }
		&:hover{
			img{transform: scale(1.15);}	
		}
		&:last-child{
			margin-bottom:0;
		}
      }
    }
  }
}
.full-categories{
	.sppb-section-title{
		margin-bottom: 30px !important;
		border-bottom: 1px solid #eee;
	}
	h3.sppb-title-heading{
		font-size: 150%;
    	text-align: left;
	    padding: 0;
	    font-weight: 700;
    	color: #222;
    	padding-bottom: 6px;
    	text-transform: uppercase;
    	position: relative;
    	&:before{
    		content:'';
    		width:150px;
    		height:2px;
    		position:absolute;
    		bottom:-9px;
    		background-color:$link_color;
    	}
	}	
}
.static-image a img:hover{opacity:.8;}


.form-vertical{
	display:flex;margin: 0px 0;
	.login-greeting{line-height: 26px;}
	.logout-button{
		input[type="submit"]{
			height: 26px;
			line-height: 26px;
			padding: 0 10px;
			border-radius: 0;
			font-size: 12px;
			margin-left: 10px;
		}
	}
}

.services-sidebar {
	border: 1px solid #ebebeb;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px 20px;
	margin-bottom: 30px;
	li:last-child{
		.service-content {border:none;}
	}
	li .service-content {
		//border-bottom: 1px dashed #ebebeb;
		padding:25px 0;
		.service-icon {
			display:inline-block;
			font-size:30px;
			line-height:1.2;
			min-width:36px;
			text-align:center;
			vertical-align:top;
			color:$link_color;
		}
		.service-info {
			display:inline-block;
			vertical-align:top;
			padding-left:10px;
			h4{
				font-size: 14px;
				font-weight:500;
				text-transform:uppercase;
				a{
					color:$link_color;
					&:hover{
						color:$link_hover_color;
					}
				}
			}
			p{margin:0;}
		}
	}
}
.autosearch-input{color: #444;}

.search,.registration,.finder,
.profile-edit,.login{
	.input-group{
		display: flex;
		.form-control{
			width: 1%;
			padding:0 10px;
			height:44px;line-height:44px;
		}
	}	
}
.form-check-input {
    margin-top: 0.1rem;
}
.search .form-group .input-group, 
.search select:not(.form-control) {
    max-width:400px;
}
.list-group{
	.list-group-item{
		color:$link_color;
		&:hover{
			color:$link_hover_color;
		}
	}
}


.yt-member-style-3 .yt-member-photo img:hover,
.yt-member-style-1 .yt-member-photo img:hover{opacity:0.85;}
.yt-member-style-3 div.yt-member-info{padding: 5px 1.5em;}
.yt-member-style-3 div.yt-member-icons{float:left;}
.featherlight{z-index:1200;}
#g-about{
	h3.title{
		font-size: 24px;
	    line-height: 20px;
	    color: #222;
	    text-transform: capitalize;
	    margin-bottom: 25px;
	    font-weight: 400;	
	}
}
.fancybox-title .child{
	display:none;
}

#g-about{
	.yt-content-slider .yt-content-slide .caption{
		background:transparent;
	}
	.yt-content-slider .owl2-controls{ 
		.owl2-nav{			
			div {
				background-color: transparent;
				color:$link_color;
				height:40px;
				width:40px;
				margin:0;
				margin-top: -20px;
				position: absolute;
				top: 50%;
				opacity: 0;
				line-height: 40px;
				border-radius:2px;
				cursor:pointer;
				background: rgba(200,200,200,0.6);	
				-webkit-transition: all .3s ease-in-out;
				transition: all .3s ease-in-out;
				&:hover {
					color:#fff;
					background: rgba(100,100,100,0.5);					
				}
				&.owl-next {					
					right:0;
					text-indent:0;
					font-size:0;
					right:20px;
					&:before {
						content: "\e930";
						font-family: "FontAwesome";
						font-size:18px;
					}
				}
				&.owl-prev {					
					left: 0;
					font-size:0;
					left:20px;
					&:before {
						content: "\e92f";
						font-family: "FontAwesome";
						font-size:18px;
					}
				}
			}
		}
	}
	.yt-content-slider:hover{
		.owl2-controls .owl2-nav div {
			opacity:1;
		}
	}
}


ul.yt-accordion{
	border:none !important;
}
.sp-scroll-up .fa-chevron-up{
	display:none;
}

.breadcrumb ul.items .breadcrumb-item:first-child:before {
    content: "\f015";
    font-family: "FontAwesome";
    margin: 0 5px;
}
.breadcrumb ul.items .breadcrumb-item:last-child {
    color: $link_hover_color;
}

/*---contact---*/
@media (min-width: 768px){	
	div.contact-ajax .ctajax-wrap .ctajax-element:first-child {
		//width: 100%;
	}
	div.contact-ajax .ctajax-element .el-ctajax-form input {
		width: 100%;
	}
	div.contact-ajax .ctajax-element .el-ctajax-form textarea {
		width: 100%;
	}
}
div.contact-ajax{
	.ctajax-wrap{
		padding:0px 0;
		margin:0 -15px;
		.modtitle{
			text-align:center;	
			font-size:50px;
		}		
		.ctajax-element .el-inner{
			padding:0 15px;
		}			
		.ctajax-element .el-inner label{
			display:block;
			margin-bottom:6px;
		}
		.ctajax-element .el-input{
			height: 50px;
			line-height:50px;
			background-color: #f5f5f5;
			border-radius: 25px;
			margin: 0px 0 20px;
			color:$link_color;
			width: 100%;
			border: 1px solid #f6f8fa;
			padding: 0 20px;
			text-transform:capitalize;
			font-size:14px;
			letter-spacing: 1px;
			&::-moz-placeholder {color: $link_color;}
            &:-ms-input-placeholder { color: $link_color; } 
            &::-webkit-input-placeholder  { color: $link_color; }   
			&:focus::-webkit-input-placeholder { color:transparent; }
			&:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
			&:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
			&:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
			&:focus{				
				box-shadow:none;
				outline:none;
				border-color:$link_color;
				background-color:#fff;
			}
		}		
		select{
			-moz-appearance:none; /* Firefox */
			-webkit-appearance:none; /* Safari and Chrome */
			appearance:none;
			background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
			background-repeat: no-repeat;
			background-position: $right .75rem center;
			background-size: 16px 12px;
		}
		
		.submit-bottom{
			display: flex;
			justify-content: space-between;
			margin: 0;
			align-items:center;
			.require-check{			
				&:before{
					content: '*';
					color: red;
				}
			}
		}
		
		.ctajax-element .el-ctajax-form .el-control{
			position:relative;
			>label{display:none;}	
			.ca-tooltip{
				position:absolute;
				top:19px;
				#{$right}:20px;
				height:15px;
				margin:0;
				.el-error{
					font-size:14px;
					height:15px;
					line-height:15px;
				}
			}
			.el-ok{
				top:19px;
				position: absolute;
				#{$right}: 20px;
				font-size:14px;
				height:15px;
				line-height:15px;
				&:before{
					content: "\f058";
				}
			}
			.ctajax-error input, 
			.ctajax-error textarea {
				border-color: red;
			}
			.ctajax-error .el-error{
				color:red;
			}
		}
		
		.ctajax-element .el-ctajax-form input[type="submit"]{
			font-size: 14px;
			width:100%;
			text-transform: uppercase;
			font-weight: 400;
			height: 50px;
			line-height: 50px;
			border: 0;
			padding: 0 30px;
			background: $link_hover_color !important;
			border-radius: 25px;
			color: #fff;
			margin: 0;
			transition: none;
			&:hover{
				background: $link_color !important;
			}
		}
		.require-check{display:none;}
		
		.ctajax-element .el-inner .el-info-contact{
			display:none;
			i{
				color:$link_hover_color;
				font-size:24px !important;
				margin-right:25px;
				vertical-align: top;
				&:before{
					font-family: icomoon !important;
				}
			}
			.fa-map-marker:before {
				content: "\e90a";				
			}
			.fa-phone:before {
				content: "\e90c";
			}
			.fa-envelope-o:before {
			  content: "\e909";
			}
			.fa-clock-o:before {
			  content: "\e904";
			}
			.cf{
				margin:0 0 25px;
				&:last-child{
					margin:0;
				}
			}
			.info-label{
				display:inline-block;
				line-height: 20px;
			}
		}
		.social-networks{
			margin-left:-3px;
			margin-right:-3px;
			margin-top:53px;
			.fa-facebook:before {
				content: "\e906";
				font-family: "icomoon";
			}
			a.network{
				background-color:transparent;
				font-size:18px;
				margin:0 3px;
				i{
					width:50px;
					height:50px;
					line-height:50px;
					border-radius:25px;
					background-color: #f6f8fa;
					color:$link_color;
					transition: all .3s ease-in-out;
					&:hover{
						color:#fff;
						background-color:$link_hover_color;
						transform: translateY(-8px);
					}
				}
				&:hover{
					background-color:transparent;
				}
			}
		}
	}
	.ctajax-element .el-inner .el-map{
		line-height:0;
		iframe{
			display:block;
		}
	}
}

/*---content---*/
.article-list .col-lg-12{
    position:relative;
}
.com-tags-tag-list{
	.com-tags-tag__filter{
		margin-bottom:20px;
	}
}
.category-list{
	.com-content-category__pagination{
		margin-bottom:20px;
	}
}

.article-details{
	.content_rating{
		display:inline-block;
	}
	.content_vote select{
		display:inline-block;
		height:auto;
		font-size:.875rem;
		padding: .4rem .75rem;
		vertical-align: top;
	}
	.content_rating .vote-star-empty svg {
		fill: #f6bc00;
	}
} 
.bannergroup{
  .banneritem{
	img:hover{opacity:0.85;}
  }
}
#search-top-bar .search-sidebar form.form-search{
	position:relative;
	.btn-search{
		right:0;
		border-radius:0;
	}
}
.rtl #search-top-bar .search-sidebar form.form-search .btn-search{
	right:auto;
	left:0;
}



/*comp search & user*/
#member-profile{
	[class^="icon-"], [class*=" icon-"]{
		//font-family: 'FontAwesome' !important;
	}
}
.com-users-logout{
	[class^="icon-"], [class*=" icon-"]{
		//font-family: 'FontAwesome' !important;
	}
}
.com-users .password-group .input-group-text .fa-key{
	line-height:26px;
}

.com-users-login__submit .controls{margin:20px 0 0;}
.search .input-group .form-control, 
.registration .input-group .form-control, 
.finder .input-group .form-control, 
.profile-edit .input-group .form-control, 
.login .input-group .form-control{
	width:auto;
}
.form-check-inline input[type="radio"]{
	display:inline-block;
}
.yt-member.yt-member-style-3 .yt-member-icons a{
margin:2px;
}

.com-users-registration,
.com-users-profile,
.com-users-profile__edit,
.search{
	fieldset > legend{
		font-size: 26px;
		text-transform: capitalize;
		font-weight: 600;
		line-height: 20px;
		letter-spacing: normal;
		color:$link_color;
	}
}
.com-users-profile__edit{
	justify-content: flex-end;
}
.com-users-profile__core{
	width:100%;
}