html{
    font-size: 14px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.container{
	padding-right: 15px;
    padding-left: 15px;
}
.row>* {
    padding-right: 15px;
    padding-left: 15px;
}
body {
	font-size: 14px;
    font-weight: 400;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

	&.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, .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{
	//border-radius:30px;	
	//padding-left:20px;
	//padding-right:20px;
}

//Topbar
#sp-top-bar {
	position:relative;	
	font-size:0.875rem;
	.sp-module {
		display: inline-block;
	}	
}
#sp-top{
	.sp-column{
		justify-content:end !important;
	}
	.sp-module{
		margin-right:60px;
		&:last-child{
			margin:0px !important;
		}
	}
}
//top1
#sp-top2{
	.sp-module{
		float:right;
	}	
}
.top-menu{
	ul.menu{
		li{
			display:inline-block;
			margin:0 10px;
		}
	}
}
#sp-top3{
	.sp-column{
		justify-content:end !important;
	}
	.sp-module{
		margin-left:30px;
		&:first-child{
			margin-left:0px;
		}
	}
}
#sp-menu{
	.sp-column{
		justify-content:start !important;
	}
}
ul.social-icons{
	animation: spFadeInRight 2000ms ease-in-out;
	position:absolute;
	top:290px;
	top:220px;
	right:-175px;
	right:-225px;
	list-style: none;
	padding:0;
	margin:0px;    
	display: flex;
    flex-direction: column;
	>li {
		display: inline-block;
		margin: 10px 0px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		a{
			width:50px;
			height:50px;
			line-height:50px;
			display:block;
			border-radius:100%;
			background-color:rgb(255,255,255,11%);
			color:#fff;
			font-size:18px;
			text-align:center;
			&:hover{
				color:$link_color;
				background-color:#fff;
			}
			.fa-facebook:before {
			  content: "\e906";
			  font-family: "icomoon";
			}
		}
		&:hover{
			transform: translateY(-8px);
		}
	}
}
//my account
#my_account{	
	position:relative;	
	a.dropdown-toggle{
		display:inline-block;
		line-height:40px;	
		position:relative;
		&:before{
			margin-top:12px;
			content: "";
			width: 31px;
			height: 15px;
			left: -37px;
			display: inline-block;
			vertical-align: top;
			position: absolute;			
			display:inline-block;
			background:url(../images/icon-user.svg) no-repeat right center;
			//background-color: $topbar_text_color;
			//-webkit-mask-image: url(../images/icon-user.svg);
			//mask-image: url(../images/icon-user.svg);					
			border-left:1px solid rgba(0, 0, 0, 0.1)
		}
		&:hover &:before{
			background-color:$link_hover_color;
		}
		&:after{
			content:"\f107";
			font-family:fontawesome;
			vertical-align: 0px;
			display: inline-block;
			border:none;
		}
	}
	ul.dropdown-menu{
		padding: 11px 20px;
	    min-width: 120px;
	    box-shadow:0 4px 5px rgb(0 0 0 / 15%);
		border:none;
		font-size:0.85rem;
	    border-radius: 0px;
	    margin:0;
	    font-size:14px;
	    text-transform:capitalize;
		li a{
	    	padding: 4px 0;
	    	display:block;
	    	color:$link_color;
			font-size:14px;
	    	&:hover{
				color:$link_hover_color;
			}
	    }
	}
	.mod-login-logout .btn-primary{
		background:none;
		padding: 0px 0px;
		display: block;
		margin:0;
		font-size:14px;
		border:none;
		color:$link_color;
		&:hover{
			background:none;
			color:$link_hover_color;
		}
		&:focus{
			box-shadow:none;
		}
	}		
}

/*---popup-login---*/
.mod-login{	
	.mod-login__options{
		li{
			padding: 5px 0;
		}
	}
	.mod-login__userdata{
		.form-group{
			margin-bottom:15px;
		}
		.mod-login__remember{
			margin-bottom:0;
		}
		.form-control{
			border-radius: .25rem;
		} 
	}
}


//language
div.mod-languages{
	a.chosen-single{
		background:transparent;
		border:none;
		padding:0px;
		box-shadow:none;
		&:after{
			content:"\f107";
			font-family:fontawesome;
			border:none;
			vertical-align: 0px;
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			width: 10px;
			height: 100%;
		}
		div{
			display:none;
		}
	}
	select.inputbox{
		padding:0; height:auto;
		background:transparent;
		border:none;
		padding:0;
		font-size:0.85rem;
		box-shadow:none;
	}
	.chosen-container-single .chosen-single span{
		margin:0 !important;
		padding:0 15px;
	}
	.chosen-container-active.chosen-with-drop .chosen-single{
		border:none;
		box-shadow:none;
		background-image:none;
	}	
	.chosen-container .chosen-drop{
		border:none;
	}
	
	//button click
	.btn-lang{
		background:transparent;
		border:none;
		padding:0 14px 0 0;
		color:$topbar_text_color;
		line-height:40px;
		box-shadow:none;
		&:hover{
			color:$link_hover_color;
		}
		&:before{
			content:"";
			width:1px;
			height:15px;			
			background-color:#000;
			margin:12px 15px 12px 18px;
			display:inline-block;
			opacity: 0.1;
			vertical-align: top;
		}
		&:after{
			content:"\f107";
			font-family:fontawesome;
			border:none;
			vertical-align: 0px;
			position: absolute;
			top: 0;
			right: 0;
			display: block;
			width: 10px;
			height: 100%;
		}
	}
	ul.lang-block{
		box-shadow:0 4px 5px rgb(0 0 0 / 15%);
		border:none;
		font-size:0.85rem;
		min-width:120px;
		border-radius:0;
		padding:11px 0 11px;
		li{
			padding:4px 0;
			&.lang-active{
				background-color:transparent;
			}
		}
	}
	img{
		margin-right:2px;
	}
}

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

.sp-contact-info{
	list-style: none;
	padding: 0;
	margin: 0x;
	li {
		display: block;
		padding:8px 0 !important;
		line-height:24px;
		&.sp-contact-mobile a{
			font-size:24px;
			font-weight:700;
		}
		span{
			margin-right:8px;
			display:none;
		}
		a{
			color:#fff !important;
			&:hover{
				text-decoration: underline;
			}
		}
	}	
}

// Header
#sp-header{	 
	.container-inner >.row{
		align-items:center;
		position: unset !important;
		padding-top:35px;
		padding-bottom:35px;
	}	
}
#sp-logo{
	
}
#sp-header,
.header-container{
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 9999;
	.logo {
		display: inline-flex;
		margin: 0;
		align-items: center;
		a {
			font-size: 24px;
			line-height: 1;
			margin: 0;
			padding: 0;
		}
		p {
			margin: 5px 0 0;
		}
	}
	&.header-sticky {
		position: sticky;
		z-index: 9999;
		background:#fff;
		box-shadow: 0 0 4px 0 rgba(0,0,0,0.10);
		height: $header_height !important;
	}
}
.home-layout #sp-header{	
	height:0;
	.container{
		position:relative;
		.container-inner{
			position:absolute;
			left: 15px;
			right: 15px;
			top: 0;				
		}
	}
}

//sp addon module
.sppb-addon-module{
	.sppb-addon-title{
		color: $link_hover_color;
		font-size: 18px;
		line-height: 20px;
		margin-bottom:20px;
		text-transform: uppercase;
		font-weight: 700;
	}	
	.heading-title{
		font-size: 40px;
		line-height: 40px;
		margin-bottom:50px;
		color:$link_color;
		font-weight: 700;
	}
}
//sp module
.sp-module{
	.sp-module-title{
		color: $link_hover_color;
		font-size: 18px;
		line-height: 20px;
		margin-bottom:20px;
		text-transform: uppercase;
		font-weight: 700;
	}	
	.heading-title{
		font-size: 40px;
		line-height: 40px;
		margin-bottom:50px;
		color:$link_color;
		font-weight: 700;
	}
}

// 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: 1600px;
	margin: 0 auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	.container {
	    //padding-right: 15px;
	    //padding-left: 15px;
    }
}

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

.com-sppagebuilder #sp-main-body {
	padding: 0;
}

#sp-breadcrumbs{
	background:#f7f8fa;
}
.mod-breadcrumbs__wrapper{
	text-align:center;
	.breadcrumb{
		padding: 48px 0 55px;
		background:transparent;
		margin:0;
		display:inline-block;
		.breadcrumb-item{	    	
		    line-height: 22px;
		    margin: 0;		    
		    display: inline-block;			
		    a{
		    	display:inline-block;
				color:$link_hover_color;
				font-size:14px;
		    }
	    }
		.breadcrumb-item+.breadcrumb-item::before {
			color: #222;
			font-size:12px;
			//font-family:fontawesome;
			//content: var(--bs-breadcrumb-divider, "\f105");
		}
		.large-item{
			color: $link_color;
			font-size:50px;
			line-height:60px;
			font-weight:700;
			margin-bottom:12px;
			
		}
		.breadcrumb-item.active{
			color:$link_color;
		}
	}
}

//banner
.banner{
	display: block;
	position: relative;
	overflow: hidden;
	/*&:before {
		position: absolute;
		background: rgba(0,0,0,.3);
		width: 0;
		top: 0;
		left: 50%;
		content: "";
		transition: all 0.3s ease-in-out 0s;
	}*/
	&:hover{
		cursor: pointer;
		img{
			opacity:0.3 !important;
		}
		/*&:before {
			width: 100%;
			left: 0;
			top: 0;
			height: 100%;
		}*/
	}
}
.banner-col a{
	opacity:1;
	transition: all 0.3s ease-in-out 0s;
	&:hover{
		opacity:0.8;
	}
}

// Left and Right
#sp-left{
	.sp-column{
		//padding-right:36px;
		width:100%;
	}
}
#sp-right{
	.sp-column{
		//padding-left:36px;
		width:100%;
	}
}
#sp-left,
#sp-right{
	overflow: visible;
    display: flex;
	.block_sticky{
		/*add this class for the module want to sticky*/
		top: 120px;
		position: -webkit-sticky;
		position: sticky;
	}
	.sp-module{
		margin-bottom: 50px;
		padding: 0px;
		border-radius: 3px;
		&:first-child {
			margin-top: 0;
		}
		&:last-child{
			//margin-bottom:0px;
		}
		.sp-module-title {
			font-size: 24px;
			color:$link_color;
			text-transform: capitalize;
			font-weight: 700;
			letter-spacing: normal;
		}
		//Un-ordered List
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			>li {
				display: block;
				border-bottom: 1px solid #f2f3f6;
				>a {
					display: block;
					line-height: 36px;
					padding: 2px 0;
				}
				&:last-child {
					//border-bottom: none;
				}
			}
		}
		//List category
		.categories-module {
			ul {
				margin: 0 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;
				}
			}
		}
	}
}

// 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: 20px;
		span.icon-search {
			margin: 0;
		}
		button {
			color: #fff;
		}
		.btn-group label{
			line-height:30px;
		}
	}
	.phrases {
		.phrases-box {
			margin-bottom:20px;
			.controls {
			
				label {
					
				}
			}
		}
		.ordering-box {
			margin-bottom: 15px;
		}
	}
	.only {
		
		legend{
			
		}
		label {
			display: inline-block;
			margin: 0 20px 20px 0px;
		}
	}
	.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: 55px;
		.article-body >.category-name{
			margin-bottom: 6px;
			font-size: 0.8rem;
			color: #777;
			display: inline-block;
		}
		
		.article-image{
			position:relative;
			border-radius:20px;
			overflow:hidden;
			margin-bottom:12px;
			.create{
				color:$link_color;				
				height: 70px;
				width: 60px;
				border-radius: 10px;
				background-color: rgba(255,255,255,0.8);
				position: absolute;
				left: 10px;
				top: 10px;
				text-align: center;
				padding: 8px 0;
				transition: all 0.3s ease-in-out 0s;
				.day-time{
					font-weight: 700;
					font-size: 30px;
					color: #000;
					display: block;
					line-height:35px;
				}
				.month-time{
					font-size: 13px;
					font-weight: 700;
					color: #000;
					text-transform: uppercase;
				}
			}
			&:hover{
				img{
					opacity:0.8;
					transition: all 0.3s ease-in-out 0s;
				}
				.create{
					opacity:0;
				}
			}
		}
		
		.article-intro-image,
		.article-featured-video,
		.article-featured-audio,
		.article-feature-gallery {
			//margin-bottom:20px;
			img{
				height:auto;
			}
		}
		
		.article-info{
			margin-bottom:9px;
			line-height:27px;
			
		}

		.article-header {
			h1,
			h2 {
				font-size:18px;
				margin: 0 0 8px 0;
				font-weight:700;
				line-break:23px;
				a {
					//font-size:1.250rem;
					//color: $link_color;
					//font-weight:500;
					&:hover,
					&:active,
					&:focus {
					//	color: $link_hover_color;
					}
				}
			}
		}
		
		.article-introtext{
			display:none;
			p{
				margin-bottom:10px;
			}
		}

		.readmore {	
			a {
				color:$link_hover_color;	
				font-size:14px;
				text-transform:capitalize;		
				font-weight:600;
				position:relative;
				&:hover{
					color: $link_color;
					&:after {
						background-color: $link_color;
					}
				}
				&:before{
					content: "\e931";
					font-family: icomoon;
					display:inline-block;
					font-size:12px;
					margin-right:5px;
				}
				&:after {
					content: '';
					height: 1px;
					width: 100%;
					display:inline-block;
					background-color: $link_hover_color;
					position: absolute;
					left: 0;
					bottom: 0px;
				}
			}
		}
	}
	.cols-2{
		.article-intro-image{
			img{
				width:100%;
			}
		}
	}
}

.article-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	>span {
		font-size: 14px;
		color:#888;
		margin-right:40px;
		/*
		+ span::before {
			display: inline-block;
			padding-right: 17px;
			padding-left: 17px;
			content: "|";
		} */		
		a {
			color: $text_color;
			&:hover {
				color: $link_hover_color;
			}
		}
	}
	span{
		+ .tag::before {
			display: inline-block;
			//padding-right:2px;
			content: ",";
		}
		.tag a{
			color:#888;
			&:hover{
				color:$link_hover_color;
			}
		}
	}
	.icon-fw{
		color:$link_hover_color;
		font-size:12px;
	}
}

.article-details {
	.article-header {
		position: relative;
		h1,
		h2 {
			font-size: 2.142rem;
			font-weight:700;
			color:$link_color;
			line-height:40px;
			margin-bottom:15px;
		}
	}
	.title{
		color:$link_color;
		font-size:1.25rem;
	}

	.article-info {
		margin-bottom: 1rem;
	}

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

	.article-featured-video,
	.article-featured-audio,
	.article-feature-gallery {
		margin-bottom: 25px;
	}

	.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;
		margin-bottom: 10px;
		a {
			display: inline-block;
			background: #2a61c9;
			color: #fff;
			padding: 5px 12px;
			border-radius: 3px;
			font-size: 14px;
		}
	}
	.articleBody{		
		p{
			margin-bottom:24px;
			line-height:24px;
			img{
				margin-bottom:30px;
				margin-top:30px;
				height:auto !important;
				//border-radius:20px;
			}
		}
		ul.yt-accordion{
			padding:30px 0 10px;
			li.yt-accordion-group{
				margin-bottom:20px;
				&:last-child{
					margin-bottom:0px;
				}
				h3.accordion-heading{
					border-radius:5px;
					padding:25px 30px;
					font-weight:700;
					&.active{
						border-radius:5px 5px 0 0;
						.icon_accordion{
							color:#fff !important;
						}
					}
				}
				.icon_accordion{
					float:right;
					line-height:25px;
				}
				.yt-accordion-inner{
					border-radius:0 0 5px 5px;
					padding:32px 30px;
					line-height:25px;
					&.active{
						background:#f9fafc !important;
					}
				}
			}
		}
		
		.yt-list.type-numblocks1{
			padding:30px 0;
			> li{
				position:relative;
				padding-left: 108px;
				margin-bottom:20px;				
				&:before{
					width: 80px;
					height: 80px;
					line-height:80px;
					border-radius: 40px;
					background-color: #ffffff;
					border: 2px solid $link_hover_color;
					margin: 0px 0px 0px -108px;
					font-size:30px;
					color:$link_hover_color;
					font-weight:700;
					content:counter(section);
				}
				&:after{
					content: '';
					width: 2px;
					background-color: #e6e8eb;
					position: absolute;
					top: 100px;
					left: 40px;
					bottom:0;
				}
				&:last-child{
					margin-bottom:0;
					&:after{
						display:none;
					}
				}
				span{					
					padding:25px 0;
					display:block;
					margin-bottom:0;
					h5{
						font-weight:700;
						font-size:20px;
						margin-bottom:20px;
					}
				}
			}
		}
	}
	
}
.related-article-list-container {
	margin-top: 15px;
	.related-article-title {
		font-size: 22px;
		padding-bottom: 15px;
		border-bottom: 1px solid #f3f3f3;
	}
	ul.related-article-list {
		list-style: none;
		padding: 0;
		li {
			margin-bottom: 10px;
			.article-header {
				h2 {
					font-size: 1.2rem;
					a {
						color: #252525;
						&:hover {
							color: #044cd0;
						}
					}
				}
			}
			.published {
				font-size: 14px;
			}
		}
	}
}

.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-bottom: 0;
	}
}
.pagination-counter{display:none;}
.pagination-wrapper,
.paginationblock{
    text-align: center;
    justify-content: center;
    display: flex;
	margin-top:30px;
    .mr-auto{
    	margin-right:0 !important;
    }
    .pagination{
        li{
            display: inline-block; padding: 0px; margin:0 3px;
            >a,>span{
                border-radius: 100% !important;                
                border: 1px solid transparent !important;
                padding: 8px 0px;
				background-color:#f7f8fa;
                color: $link_color;
                text-align: center;
                display: block;
                margin: 0;
				width:50px;
				height:50px;
				font-size:16px;
				padding:0;
				line-height:50px;
				&:focus{
					box-shadow:none;
				}
            }
            &:hover{
                >a,>span{
                    color: #fff;
                    background-color:$link_hover_color;
                    border-color: transparent;
                }
            }
            &.active{
                >a,>span{
                    color: #fff;
                    background-color:$link_hover_color;
                    border-color: transparent;
                }
            }
			.fa-angle-left:before{
				content: '\e918';
				font-size: 16px;
				font-family: icomoon !important;				
			}
			.fa-angle-right:before{
				content: '\e919';
				font-size: 16px;
				font-family: icomoon !important;
			}
			&.disabled{
				display:none;
			}
        }
    }
}

/*====navigation====*/
.pagenavigation{
	overflow: hidden;
	margin-bottom:30px;
	.pagination{
		justify-content: space-between;
	}
	
}
.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: right;
	.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, .categories-module, .archive-module, .latestnews, .newsflash-horiz, .mostread, .form-links, .list-striped {
	list-style: none;
	padding: 0;
	margin: 0;
	li {
		padding: 2px 0;
		h4 {
			margin: 5px 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;
}

// footer 1
.box-newsletter{
	.introtext{
		margin-bottom:25px;
	}
	form.newsletter{
		input{
			width:100%;
			display: inline-block;
			background-color:rgba(255,255,255,0.2);		    
			border: none;
			padding: 0px 20px;
			margin-bottom:10px;
			transition: all 0.3s ease-in-out 0s;
			height: 60px;
			border: none;
			color: #fff;
			border-radius: 5px;
			font-size:13px;
			line-height: 60px;
			vertical-align: top;
			&::-moz-placeholder {
                color: #fff;
                opacity: 1; 
            }
            &:-ms-input-placeholder { color: #fff; } 
            &::-webkit-input-placeholder  { color: #fff; } 
            &:focus,&:hover{
               //border-color: $link_hover_color;
            }
		}
		button{			
			display: inline-block;
			border: none;
			border-radius:5px;
			height: 60px;
			line-height: 60px;
		    background: $link_hover_color;
			color:#fff;
		    padding: 0 45px;
		    font-size: 14px;
		    transition: none;
			text-transform:uppercase;
			font-weight:700;
			&:hover {
			  background: #fff;
			  color:$link_color;
			}
		}
	}
}
// Bottom
#sp-bottom{	
	animation: spFadeInUp 3000ms ease-in;
	.sp-module{		
		.sp-module-title {
			font-size: 18px;
			text-transform: uppercase;
			color: #ffffff;
			font-weight: 700;			
			margin: 0 0 16px;			
		}

		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			> li {
				display: block;
				font-size:1rem;
				margin: 0;
				padding: 5px 0;
				>a {
					display: block;	
					padding: 0px 0;
				}				
			}			
		}
		
		ul {
			&.menu {
				display: block;
				list-style: none;
				padding: 0;
				margin: 0px;
				li {			
					display:block;					
					a {
						transition: all 0.3s ease-in-out 0s;
						-webkit-transition: all 0.3s ease-in-out 0s;						
						&:hover {
							padding-left:10px;
							&:before{
								background-color: $link_hover_color;
							}
						}
					}
				}
			}
		}

		ul.socials{
			margin:0px -13px;
			li{
				display:inline-block;
				margin:0px 12px;
				a{
		          span{
		            font-size: 0px;
		            &:before{
		            	font-size: 20px;
		            }
		          }
		      	}
			}
		}
		
		
	}
			
	ul.work-time{
		//@media (min-width: 1200px){
			padding-right:90px;
		//}
		li{
			display:flex;
			justify-content: space-between;
			text-transform:uppercase;
		}
	}
		
	
	
	
}
// Footer
#sp-footer{
	.sp-copyright{
		text-align:center;
		display:flex;
		padding:27px 0;
		border-top: 1px solid #1a1e2e;
		font-size: 13px;
		line-height: 16px;
		color: #aaaaaa;
		font-weight: 400;
		justify-content: center;
	}
}




// 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 {
		margin: 0 0 1rem;
		font-size: 9.375rem;
		color:$link_color;
		display:none;
	}

	.error-message {
		font-size: 1.5rem;
		margin-bottom: 3rem;
	}
	
	.btn{
		height: 45px;
		line-height: 45px;
		padding: 0 35px;
		border-radius: 50px;
		color: #fff;
		text-transform: uppercase;
		font-size: 1rem;
		background-color: $link_hover_color;
		border:none;
		&:hover{
			background-color:$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;
	}
}

// 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 {
	display: none;
	position: fixed;
    bottom: 50px;
    right: 30px;
    color: #fff;
    display: none;
    line-height: 40px;
	font-size:20px;
    text-align: center;
    width: 40px;
    height: 40px;
    z-index: 30;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	z-index: 1000;
	background-color: $link_hover_color;	
	&:hover,
	&:active,
	&:focus {
		color: #fff;
		background: $link_color;
	}
}


// Forms
.control-group {
	margin-bottom: 1rem;
}

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%;
		padding: .5rem .75rem;
		font-size: 1rem;
		line-height: 1.25;
		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;

		&:focus {
			color: #495057;
			background-color: #fff;
			border-color: #80bdff;
			outline: 0;
		}
	}
}
select {
	&:not(.form-control) {
		background-position: right .25rem center;
	}
}


.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;
	}
}

.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;
	.btn-group{
		margin-bottom:15px;
	}
	.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{
    .form-search {
        position: relative;
        .search-query {
            width: 100%;
            height:40px;
            border-radius:5px;
            padding: 0 0 0 20px;
            line-height:40px;
        }
        .btn-search {
            position: absolute;
            top: 0;
            right: 0;
            border: 0;
            background-color: transparent;
            font-size: 0;
            padding: 0 13px;
            height:40px;
            &:before {
                content: "\f002";
                font-family: FontAwesome;
                font-size: 14px;
                display: inline-block;
            }     
            &:hover {color:$link_color;}       
        }
    }
}
#sp-right, 
#sp-left {
	.sp-column{
		.sp-module-title{
			//text-align:left;
			margin-bottom:30px;
		}		
		.categories-module{			
            li{
                padding:15px 0px;                
                >a{
                	color:$link_color;
                    line-height:normal;
                    padding:0;
                    &:hover{
                    	color:$link_hover_color;
                    }
                }
                &:first-child{
                	border-top: 1px solid #f2f3f6;
                }
            }
        }
        .sj-meganew .meganew-wrap .meganew-box .item-title{
        	h3{
        		font-size:16px;
        	}
        }
        .tagscloud{
        	padding: 15px 10px;
        }
	}
}
.hasTooltip{display:inline-block !important;}

.tooltip > .tooltip-inner{
	background-color:#000 !important;
	border:none !important;
	box-shadow:none !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;}
	}
}
.blog{
	.article-list{
		.article {
			&:hover{
				img{opacity:0.85;}
			}
			.article-header{
				h2{
					a{
						&:hover{
							color:$link_hover_color;
						}
					}
				}
			}
			.readmore{
				a{
					&:hover{
						color:$link_color;
					}
				}
			}
		}
	}
}

/*----------- 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; overflow:hidden; padding:20px 0;
		&.bs-show-line{
			border-top:1px solid #f2f3f6;
		}
		&:last-child{
			margin:0;
			border-bottom:1px solid #f2f3f6;
		}
        .item_content{
          .item-img{
            float: left;
            width: 80px;
            margin-right: 12px;            
		    overflow: hidden;
			background:#000;
		    img{
		    	transition: all 0.3s ease-in-out 0s;
		    }
            &:hover{
              img{opacity:0.8;}
            }
          }
          .entry-content{
            .item-title{
              h4{
				line-height:20px; margin-bottom:0;
                a{
                  font-size:15px;font-weight:700; 
                }
              }
            }
            .item-meta{
              color:$link_hover_color;
              font-size:11px;
              i{color:#999;}
              .entry-date{
                margin-right: 6px;
                position: relative;
                i{
                  margin-right:2px;color:#999; display:none;
                }
              }
            }
          }
        }
      }
    }
  }
}
.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;}

/*== Search sidebar ==*/
.search-sidebar{
    .form-search {
        position: relative;
        .search-query {
            width: 100%;
            height:40px;
            border-radius:5px;
            padding: 0 0 0 20px;
            line-height:40px;
        }
        .btn-search {
            position: absolute;
            top: 0;
            right: 0;
            border: 0;
            background-color: transparent;
            font-size: 0;
            padding: 0 13px;
            height:40px;
            cursor:pointer;
            &:before {
                content: "\f002";
                font-family: FontAwesome;
                font-size: 14px;
                display: inline-block;
            }     
            &:hover {color:$link_color;}       
        }
    }
}
.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:40px;line-height:40px;
		}
	}	
}
.form-check-input {
    margin-top: 0.1rem;
}
.search .form-group .input-group, 
.search .form-group select:not(.form-control) {
    width: 50%;
    padding:0 10px;
	height:40px;line-height:40px;
}
.list-group{
	.list-group-item{
		color:$link_color;
		&:hover{
			color:$link_hover_color;
		}
	}
}


.blog-featured{
	.article-intro-image{
		//margin-bottom:10px;
	}
	.item-title{
		font-size:18px;
		font-weight:500;
		a{
			color:$link_color;			
			&:hover{
				color:$link_hover_color;
			}
		}
	}
	.article-info .create{
		display:none;
	}
}
.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;}
.review_mark{margin:3px 0 1px;}
#g-about{
	h3.title{
	    font-weight: 700;	
		margin-bottom:50px;
		margin-top:75px;
	}
	 .yt-member .yt-member-name {
		font-size: 1rem;
		color:$link_color !important;
		&:hover{
			color:$link_hover_color !important;
		}
	}
}
.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;
}

/*---vertical menu---*/
.sidebar-megamenu{
	.menu_vertical .sj-megamenu {
		.level-1 >a,
		> span{
			padding: 10px 15px;
			span{
				padding:0;
			}
		}
	}
	.menu_vertical .title-mod:before {
		content: '\f0c9';
		display: inline-block;
		font-family: FontAwesome;
	}
}

.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;
		.contact-title{
			font-size: 24px;
			font-weight: 700;
			position: relative;
			padding: 0 0 14px;
			border-bottom: 1px solid #e5e5e5;
			margin-bottom:35px;
			&:before{
				content: '';
				height: 2px;
				width: 100px;
				background-color: $link_hover_color;
				position: absolute;
				bottom: -1px;
				left: 0;
			}
		}
		.ctajax-element:first-child{
			margin-bottom:150px;
		}
		.ctajax-element .el-inner{
			padding:0 15px;
		}
		.element-form{
			width:60%;
			
		}
		.element-info{
			width:40%;
			.el-inner{
				padding-left:135px;
			}
		}		
		.ctajax-element .el-inner label{
			display:block;
			margin-bottom:6px;
		}
		.ctajax-element .el-input{
			height: 50px;
			line-height:50px;
			background-color: #f6f8fa;
			border-radius: 5px;
			margin: 3px 0 12px;
			width: 100%;
			border: 1px solid #f6f8fa;
			padding: 0 20px;
			&:focus{
				border-color:$link_color;
				background-color:#fff;
			}
		}
		
		.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;
			.ca-tooltip{
				position:absolute;
				top:-10px;
				right:15px;
				.el-error{
					font-size:14px;
				}
			}
			.el-ok{
				top:-10px;
				position: absolute;
				right: 15px;
				font-size:14px;
			}
			.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;
			text-transform: uppercase;
			font-weight: 400;
			height: 60px;
			line-height: 60px;
			border: 0;
			padding: 0 30px;
			background: $link_hover_color !important;
			border-radius: 5px;
			color: #fff;
			margin: 0;
			transition: none;
			&:hover{
				background: $link_color !important;
			}
		}
		
		.ctajax-element .el-inner .el-info-contact{
			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;
		}
	}
}

/*
div{
	.contact-ajax .ctajax-wrap{
		margin:0;
		overflow:hidden;
		width:auto;
	}
	.contact-ajax .ctajax-wrap .ctajax-element{
		.el-inner{
			padding:0 15px;
			label{
				display:block;
				margin-bottom:5px;
			}
		}
		&:first-child{
			margin-bottom:30px;
		}
	}
	.contact-ajax .ctajax-element .el-info-contact {
		margin: 0 0 20px 0;
		border-bottom: 1px solid #ebebeb;
		padding: 0 0 30px;
		i{
			color:$link_hover_color;			
		}
		.info-address{
			margin-top:0;
		}
	}
	.contact-ajax .ctajax-element .el-info-contact .info-address .info-label {
		line-height: 31px;
		color: #666;
	}
	.contact-ajax .ctajax-element .el-info-contact .info-address i {
		font-size: 24px;
		float: left;
		margin-right: 25px;
	}
	.contact-ajax .ctajax-element .el-info-contact .info-label:before {
		color: #666;
		font-weight: normal;
	}
	.contact-ajax .ctajax-element .el-ctajax-form input{
		//font-size:0.85rem;
	}
	.contact-ajax .ctajax-element .el-ctajax-form textarea{
		//font-size:0.85rem;
		width:100%;
		border:1px solid rgba(0, 0, 0, 0.15);
	}
	.contact-ajax .ctajax-element .el-ctajax-form input[type="submit"]{
		background: $link_color !important;
		color: #fff;
		border:none;
		width:auto !important;
		text-transform:uppercase;
		line-height:40px;
		padding:0 40px;
		border-radius:20px;
		font-weight:normal;
		transition: none;
		&:hover{
			background:$link_hover_color !important;
		}
	}
	
	.contact-ajax.theme2 .ctajax-wrap .ctajax-element .el-inner .el-ctajax-form input,
	.contact-ajax.theme1 .ctajax-wrap .ctajax-element .el-inner .el-ctajax-form input{
		width:100%;
	}
	.contact-ajax.theme1 .ctajax-wrap .ctajax-element .el-inner .el-ctajax-form textarea {
		padding: 10px 30px;
	}
	
	.contact-ajax .ctajax-element #dynamic_recaptcha_1, 
	.contact-ajax .ctajax-element .el-inner input, 
	.contact-ajax .ctajax-element .el-inner textarea{
		margin-bottom:20px;
	}
	
	.contact-ajax .ctajax-element .social-networks .network{
		background:$link_color;
		&:hover{
			background:$link_hover_color;
		}
	}
	
	.contact-ajax .ctajax-element .el-ctajax-form .el-control{
		position:relative;
		.ca-tooltip{
			position:absolute;
			top:0;
			right:15px;
		}
	}
	.contact-ajax .ctajax-element .el-ctajax-form .ctajax-error input, 
	.contact-ajax .ctajax-element .el-ctajax-form .ctajax-error textarea {
		border-color: red;
	}
	.contact-ajax .ctajax-element .el-ctajax-form .el-control.ctajax-error .el-error{
		color:red;
	}
	.ctajax-element .el-ctajax-form .el-control.ctajax-ok .el-ok{
		top:-10px;
		position: absolute;
		right: 15px;
	}
}
*/

/*---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*/
.icon-times,
.icon-user-edit,
.icon-backward-2{	
	font-family: Font Awesome\ 5 Free !important;
	font-weight:900;	
}

.com-users .control-group .form-control{
	height:40px;
}
.com-users .password-group .input-group-text .fa-key{
	line-height:26px;
}
.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;
}

.article-details{
	ul.yt-accordion li.yt-accordion-group h3.accordion-heading{		
		color:$link_color !important;
		padding: 14px 8px;
		.icon_accordion{
			color:$link_color !important;
			font-size:14px !important;
		}
		&:hover{
			color:$link_hover_color !important;
			.icon_accordion{
				color:$link_color !important;
			}
		}
	}
	.yt-member.yt-member-style-2 .yt-member-icons a{
		margin:0;
	}
	.yt-member-icons {
		padding: 10px 10px;
	}
	.yt-member.yt-member-style-3 .yt-member-icons a{
		margin:2px;
	}
	.yt-member-role{
		opacity:1;
		color:$link_color;
	}
	.yt-section-content{
		max-width:100%;
		padding:0;
	}
	.yt-member{		
		margin-bottom:30px;
		.yt-member-name{
			font-size:1.125rem;
			font-weight:700;
			color:$link_color;
			a:hover{
				color:$link_hover_color;
			}
		}
		.yt-member-icons a i{
			color:$link_color !important;
		}
		&.yt-member-style-1 .yt-member-icons a:hover .fa-twitter,
		.yt-member-icons a:hover i{
			color:$link_hover_color !important;
		}
		&.yt-member-style-2 .yt-member-icons a.yt-m-twitter:hover, 
		&.yt-member-style-3 .yt-member-icons a.yt-m-twitter:hover,
		&.yt-member-style-2 .yt-member-icons a:hover, 
		&.yt-member-style-3 .yt-member-icons a:hover{
			background-color: $link_hover_color !important;
			i{
				color:#fff !important;
			}
		}
		&.yt-member-style-2 .yt-member-icons a{
			background:#fff;
		}
		&:hover{
			border-color:transparent !important;
			box-shadow:0px 0px 15px rgba(0, 0, 0, 0.15) !important;
			-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15) !important;
		}
	}
	.yt-member-info {
		padding: 20px 20px;
	}
	.yt-member-role{
		margin-bottom:0;
	}	
}
#g-about{
	.yt-member.yt-member-style-1 .yt-member-icons{
		padding-bottom:30px;
	}
	.yt-member-info{
		padding-bottom:10px;
	}
}
