body {
	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 {
	display: block;
	max-width: 100%;
	height: auto;
}

//Topbar

#sp-top-bar {
	padding: 0;
	.sp-module {
		display: inline-block;
	}
	font-size: 0.875rem;
}

ul.social-icons {
	list-style: none;
	padding: 0;
	margin: -5px;
	display: inline-block;
	>li {
		display: inline-block;
		margin: 5px 7px;
	}
}

// language switcher
.sp-module-content {
	.mod-languages {
		ul.lang-inline {
			margin: 0;
			padding: 0;
			li {
				border: none;
				display: inline-block;
				margin: 0 5px 0 0;
				a {
					padding: 0 !important;
				}
				>a:before {
					display: none;
				}
			}
		}
	}

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

.sp-contact-info {
	list-style: none;
	padding: 0;
	margin: 0 -10px;
	li {
		display: inline-block;
		margin: 0 10px;
		font-size: 90%;
		white-space: nowrap;
		i {
			margin: 0 3px;
		}
	}
}

// Header
#sp-header {
	height: $header_height;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 999;
	.logo {
		display: inline-flex;
		margin: 0;padding:0px 0;
		align-items: center;
		a {
			font-size: 24px;
			line-height: 1;
			margin: 0;
			padding: 0;
		}
		p {
			margin: 5px 0 0;
		}
	}
	&.header-sticky {
		position: fixed;
		z-index: 9999;
	}
}


#sp-section-1{
	position:relative;
	margin-bottom: 40px;
	text-align: center;
	padding:50px 0;
	.modtitle{
		font-size: 20px;
	    color: #fff;
	    font-weight: 600;
	    text-transform: uppercase;
	    padding-bottom: 10px;
	    margin: 0px;
	}
	.breadcrumb {
		background-color: transparent;
	    display: inline-block;
	    margin: 0;
	    font-size: 14px;
	    padding: 0;
	    >li{
	    	display: inline-block;
	    	&:first-child{
	    		a{
	    			font-size: 0;
	    			&:before{
	    				content: "\f015";
	    				font: normal normal normal 14px/1 FontAwesome;
	    				font-size: 14px;
	    				display: inline-block;

	    			}
	    		}
	    	}
	    	a{
	    		color: #fff;
	    		&:hover{
	    			color: $link_hover_color;
	    		}
	    	}
	    	&.breadcrumb-item.active{
	    		color: #fff;
	    	}
	    	&.breadcrumb-item::before{
	    		color: #fff;
	    	}
	    }
	}
	&:before{
	  content:"";
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  background:#000;
	  opacity:0.5;
	  display:block;
	}
}


label.hasPopover{display:block !important;}
.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;
	}
	.breadcrumb {
		background: none;
		padding: 0;
		margin: 10px 0 0 0;
		>.active {
			color: rgba(255, 255, 255, 0.8);
		}
		>span, >li, >li+li:before, >li>a {
			color: #fff;
		}
	}
}


// Body
.body-innerwrapper{
	overflow-x: hidden;
}
.layout-boxed .body-innerwrapper {
	max-width: 1290px;
	margin: 0 auto;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	.container{
		max-width: 1200px;
	}
}

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

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


// Left and Right

#sp-left,
#sp-right {
	.sp-module {
		padding: 0px;
	    overflow: hidden;
	    margin-bottom: 40px;
	    border-radius: 5px;
		&:first-child {
			margin-top: 0;
		}
		.sp-module-title {
		    border-bottom: 2px solid #eee;
		    display: block;
		    margin-bottom: 15px;
		    padding: 0 0 15px;
		    font-size: 20px;
		    color: $link_color;
		    font-weight: 600;
		    text-transform: uppercase;
		    position: relative;
		    &:after{
		    	position: absolute;
			    content: "";
			    width: 70px;
			    height: 2px;
			    background-color: $link_hover_color;
			    bottom: -2px;
			    #{$left}: 0;
		    }
		}
		.sp-module-content{
			
		}
		//Un-ordered List
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			>li {
				display: block;
				border-bottom: 1px solid #F3F3F3;
				>a {
					display: block;
					padding: 5px 0;
					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;
		}
	}
	.phrases {
		.phrases-box {
			.controls {
				label {
					display: inline-block;
					margin: 0 20px 20px;
				}
			}
		}
		.ordering-box {
			margin-bottom: 15px;
		}
	}
	.only {
		label {
			display: inline-block;
			margin: 0 20px 20px;
		}
	}
	.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: 30px;
		padding: 0px;
		border: 0px solid #f5f5f5;
		border-radius: 0px;
		display: inline-block;
		
		.article-intro-image,
		.article-featured-video,
		.article-featured-audio,
		.article-feature-gallery {
			margin: 0 0 20px 0;
			border-radius: 0 0 0;
			border-bottom: 1px solid #f5f5f5;
			overflow: hidden;
			img {
				border-radius: 3px 3px 0 0;
			}
		}

		.article-header {
			h1,
			h2 {
				font-size: 1rem;
				margin: 0 0 15px 0;

				a {
					color: $link_color;
					&:hover,
					&:active,
					&:focus {
						color: $link_hover_color;
					}
				}
			}
		}

		.readmore {
			font-size: 0.875rem;
			a {
				font-size: 14px;
			    color: #fff;
			    display: inline-block;
			    height: 40px;
			    padding: 0 20px;
			    line-height: 40px;
			    border-radius: 4px;
			    text-align: center;
			    text-transform: capitalize;
			    font-weight: 500;
			    margin-bottom: 0;
			    border: 0;
			    cursor: pointer;
			    background-color: $link_color;
				&:hover,
				&:active,
				&:focus {
					background-color: $link_hover_color;
				}
			}
		}
	}
}

.article-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 5px;
	>span {
		font-size: 0.813rem;

		+ span::before {
			display: inline-block;
			padding-right: .5rem;
			padding-left: .5rem;
			content: "";
		}

		a {
			color: $text_color;
			&:hover {
				color: $link_hover_color;
			}
		}
	}
}

.article-details {
	.article-header {
		position: relative;
		color: $link_color;
		clear: both;
		h1,
		h2 {
			font-size: 2.25rem;
		}
	}
	.articleBody,
	.article-content{
		line-height: 25px;
	}
	.alignnone{
		float: left;
	    display: block;
	    clear: none;
	    margin: 20px 0 30px 0;
	}
	.link-edit-article {
		position: absolute;
		#{$right}: 0;
		top: 10px;
	}

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

	.article-full-image {
		text-align: center;
		img {
			display: inline-block;
			border-radius: 4px;
		}
		margin-bottom: 2rem;
	}

	.article-featured-video,
	.article-featured-audio,
	.article-feature-gallery {
		margin-bottom: 2rem;
	}

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

.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;
			margin-bottom:0.5rem;
			&:hover {
				color: #fff;
			}
		}
	}
}

.pager {
	list-style: none;
	padding: 2rem 0 0 0;
	margin: 2rem 0 1rem 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: 1rem 2.5rem;
			border-radius: 100px;
		}
	}
}

#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;
	}
}
.search{
    .form-group{
    	.input-group input.form-control{font-size:14px;}
        .input-group,select:not(.form-control){width:45%;}
    }
}
// Misc
.pagination-wrapper {
	align-items: center;
	.pagination {
		margin-bottom: 0;
	}
}
.pagination-counter{display:none;}
.pagination-wrapper,
.paginationblock{
    text-align:center;
    justify-content: flex-end;
    margin-bottom:20px;
    padding: 10px;
    border-radius:5px;
    border:none;
    background-color: transparent;
    .mr-auto{
    	margin-right:0 !important;
    }
    .pagination{
        li{
            display: inline-block;padding: 0 1px;
            a,span{
                border-radius: 0;
                min-width: 40px;
                height: 40px;
                line-height: 38px;
                border: 1px solid #ddd;
                padding: 0 10px;
                color: #898989;
                text-align: center;
                display: block;
                font-size: 14px;
                margin: 0;
            }
            &:hover{
                a,span{
                    color: #fff;
                    background-color:$link_hover_color;
                    border-color: $link_hover_color;
                }
            }
            &.active{
                a,span{
                    color: #fff;
                    background-color:$link_hover_color;
                    border-color: $link_hover_color;
                }
            }
        }
    }
}
//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;
	}
}

// Bottom

#sp-footer2{
	.sp-module._menu{
		padding: 30px 0 10px;
		ul.menu{
			list-style: none;margin:0;
			li{
				display: inline-block;
			    vertical-align: top;
			    position: relative;
			    color: #666;
			    padding-#{$left}: 15px;
			    a{
			    	color: #222;
				    text-transform: uppercase;
				    padding: 0 10px;
				    font-weight: 600;
				    font-size:13px;
				    &:hover{color:$link_color;}
			    }
			}
		}
	}
}
#sp-bottom {
	background:#f5f6f8;
	padding:68px 0;
	line-height: 1.6;
	.sp-module {
		margin-bottom: 0px;
		.sp-module-title {
			font-size: 18px;
		    text-transform: capitalize;
		    font-weight: 500;
		    color: $link_color;
		    margin-bottom: 20px;
		}
		ul {
			list-style: none;
			padding: 0;
			margin: 0;
			&.menu{
				li{
					position: relative;
				    color: $footer_text_color;
				    margin-bottom:16px;
				    padding-#{$left}: 15px;				
					a{
						text-transform: capitalize;
					    color: $footer_link_color;
					    padding: 0;
					    display: block;
					    -webkit-transition: all 0.3s;
					    -moz-transition: all 0.3s;
					    -o-transition: all 0.3s;
					    -ms-transition: all 0.3s;
					    transition: all 0.3s;
						&:hover{
							color:$footer_link_hover_color;
							&:before{
								background-color: $footer_link_hover_color;
							}
						}
						&:before{
							content: '';
							width: 4px;
							height: 4px;
							border-radius: 50%;
							background-color: #aaaaaa;
						    font-family: FontAwesome;
						    position: absolute;
						    top: 8px;
						    #{$left}: 0;
						    transition: all 0.2s ease-in-out 0s;
						}
					}
				}
			}
			> li {
				display: block;
				margin-bottom: 15px;
				&:last-child {
					margin-bottom: 0;
				}
				>a {
					display: block;
				}
			}
		}
	}

	//contact footer
	.infos-footer{
		ul{
			li{
				margin-bottom:28px;
				i{font-size: 0px;
					&:before{
						font-size: 18px;
						color: $footer_link_hover_color;
						margin-#{$right}: 15px;
						vertical-align: -2px;
					}
				}
				a{display: inline-block;}
			}
		}
	}
	//newsletter
	.acymailing_module{
		margin-bottom: 30px !important;
		.acymailing_module_form .acymailing_introtext{
			margin-bottom: 12px !important;
		}
		.acymailing_form{
			position:relative;
			td.acysubbuttons input.subbutton{
				position:absolute;
				#{$right}: 0px;
				top: 1px;
				height: 45px;
				line-height: 45px;
				padding: 0px 25px;
				text-transform: uppercase;
				border-bottom-#{$right}-radius: 5px;
	    		border-top-#{$right}-radius: 5px;
	    		background: $footer_link_hover_color;
	    		&:hover{
	    			background: $link_color;;
	    		}
			}
			td{
				padding-bottom:0px;
				&.acyfield_email{
					width: 100%;
					.inputbox{
						border:solid 1px #e5e5e5;
						padding:0px 20px;
						height: 46px;
						line-height: 46px;
						color: $footer_text_color;
						font-size: 14px;
						border-bottom-#{$left}-radius: 5px;
		    			border-top-#{$left}-radius: 5px;
					}
				}
			}
		}
	}

	// soical
	.socials{
	    
	    margin-top: 5px;
	    li{
	      position: relative;
	      float: $left;
	      margin-#{$right}: 10px;
	      margin-bottom: 0px;
	      a{
	          color: #fff;
	          font-size: 18px;
	          width: 42px; 
	          height: 42px;
	          line-height: 42px;
	          text-align: center;
	          background-color: #fff;
	          border-radius: 3px;
	          display: block;
	          border: 1px solid #e5e5e5;
	          color: #666;
	          i{
	            font-size: 0px;
	            &:before{
	            	font-size: 18px;
	            }
	          }
	          &:hover{
	            color: #fff;
	            background-color: $footer_link_hover_color;
	            border-color: $footer_link_hover_color;
	          }
	      	}
	      
	    }
  	}


}

// section tag

.categories-footer{
    margin: 70px 0px 50px 0px;
    h2{
      font-size: 14px;
      color: $link_color;
      text-transform: uppercase;
    }
    ul{
      li{
          padding: 13px 0;
	      h4{
	      	margin-#{$right}: 3px;
	      	display: inline-block;
	      	margin-bottom: 0;
	      	font-weight: 700;
	      	font-size: 14px;
	      	color: $link_color;
	      	text-transform: uppercase;
	      }
          a{
          	font-weight: normal;
          	text-transform: none;
          	color: $text_color;
          	&:hover{
          		color: $link_hover_color !important;
          	}
          }
      }
    }
  }
// Footer
#sp-footer {
	padding:20px 0 10px;
	ul {
		&.menu {
			display: inline-block;
			list-style: none;
			padding: 0;
			margin: 0 -10px;
			li {
				display: inline-block;
				margin: 0 10px;
				a {
					display: block;
					&:hover {
						background: none;
					}
				}
			}
		}
	}

	#sp-footer1{
    	.custom{
    		p img{margin:0 auto;}
    	}
		.sp-copyright{
			margin: 10px 0;
			color: #fff;
			a{
				color: #fff;
			    -webkit-transition: all 0.3s;
			    -moz-transition: all 0.3s;
			    -o-transition: all 0.3s;
			    -ms-transition: all 0.3s;
			    transition: all 0.3s;
			    &:hover{
			    	color: $link_color;
			    }
			}
		}
	}
	#sp-footer2 {
		text-align: $right;
		.custom {
			display: inline-block;
			p{margin-bottom: 0px;}
		}
	}
}

// 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: 6rem;
		line-break: 1;
	}

	.error-message {
		font-size: 1.5rem;
		margin-bottom: 3rem;
	}

}

.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;
				a{
					color: #212529;display:block !important;
					&:hover{
						color:$link_hover_color;
					}
				}
			}
		}
	}
}
.tooltip.show{opacity:0;}
//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: 30px;
	right: 30px;
	width: 58px;
	height: 58px;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: $link_hover_color;;
	border-radius: 100%;
	border:6px solid #f2f2f2;
	z-index: 1000;

	&:hover,
	&:active,
	&:focus {
		color: #fff;
		background: $link_color;
	}
	span:before{
		content: "\f062";
		color: #fff;
	}
}


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


.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: 18px;
				background: none;
				>b {
					background: none;
					position: relative;
				}
			}
		}

		&.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;
	}
}
//contact
.sp-module .contact-ajax .ctajax-element .el-ctajax-form input{width:100%;}
.sp-module .contact-ajax .ctajax-element .el-info-contact .info-address i,
.sp-module .contact-ajax .ctajax-element .el-info-contact .info-mobie i,
.sp-module .contact-ajax .ctajax-element .el-info-contact .info-mail i{
	color: $link_hover_color;
}
.sp-module .contact-ajax .ctajax-element .el-ctajax-form input[type="submit"]{background-color:$link_hover_color;
	color: #fff;
}
//rating
.ratingbox {
  position: relative;
  display: inline-block;
}
.ratingbox div, .ratingbox span {
  display: block;
  width: 1%;
  height: 24px;
  position: static;
}
.sp-module.slide{margin-top:24px;}
.sp-column h2.modtitle{font-weight:bold;}
.profile-edit .form-group button.btn#helpsite-refresh{margin-top:15px;}
#sp-slide .yt-content-slider .owl-nav [class*='owl-']{line-height:44px;}
.search .controls input[type="radio"]{margin: 0 6px;}
.search .error{padding-bottom: 40px;}
.article-details  .article-header h1{font-size:18px;}
.alert.alert-notice{
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#sp-component{
	margin-bottom: 40px;
}
#sp-component #form-login{margin-bottom: 15px;}
#sp-component .form-validate h2{margin-bottom: 15px;}
.blog-featured .article-intro-image{margin-bottom: 15px;}
.blog-featured .readmore a{
	&:hover{
		color: $link_hover_color;
	}
}
.vm-order-done{
	.post_payment_payment_name,.post_payment_order_number,.post_payment_order_total,.vm-button-correct{    margin-bottom: 15px;
	}
}
.category-list select:not([multiple]).inputbox{width:80px;}
.login{
	.list-group{
		a{
			&:before{
				content: "";
				width: 4px;
				height: 4px;
				border-radius: 50%;
				position: absolute;
				top: 20px;
				background-color: $link_color;
				#{$left}: 10px;
				transition: all 0.2s ease-in-out 0s;
			}
		}
	}
}