.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 {
    position: relative;
}

.visually-hidden{
	display:none;
}
select:not(.form-control) {
    line-height: 25px;
}
.table>:not(:first-child) {
    border-top: none;
}
/*--for dropdown--*/
.dropdown-menu.show {
    display: block;
}
div.mod-languages ul li.lang-active {
    background-color: transparent !important;
}
.language-currency-top .language-wrapper .mod-languages .dropdown-menu li{
	margin:0;
}

#sp-search .sp-column{
	display: block !important;
}
#sp-header{
	height:auto;
}
#sp-header, 
.header-container{
	z-index:auto;
}
/*---login---*/
.mod-login{
	[class^="icon-"], [class*=" icon-"] {
		font-family: FontAwesome !important;
	}
}
/*---popup-login---*/
.mod-login{
	#boxLogin{
		display:none;
	}
	#myLogin h3.modal-title {
		font-size: 24px;
		color: #000;
		margin: 0px;
		text-transform: uppercase;
	}
	#myLogin{
		color: #222;
	}
	.mod-login__userdata{
		.form-group{
			margin-bottom:15px;
		}
		.mod-login__remember{
			margin-bottom:0;
		}
		.form-control{
			border-radius: .25rem !important;
		} 
		button.input-password-toggle{
			min-width:auto !important;
			line-height:24px;
		}
		.mod-login__submit button{
			max-height:100%;
		}
	}
	ul.listlogin {
		overflow: hidden;
	}
}

.sj_wrap_newest_jobs .fa-map-marker:before {
    content: "\f041";
}
.sj_wrap_newest_jobs .sj_newest_jobs_show_newest_jobs.bg-gray .sj_newest_jobs_show_newest_jobs_content .box-item ul li {
    display: inline-block;
}
.rtl .sj_wrap_newest_jobs .sj_newest_jobs_show_newest_jobs.bg-gray .sj_newest_jobs_show_newest_jobs_content .box-item ul li {
	margin-right: 0px;
	margin-left: 15px;
	i{
		margin-right: 0px;
		margin-left: 2px;
	}
}

/*---yt content slider---*/
.brands{
  .yt-content-slider{
    .owl2-controls{
      margin-top: 0px;
      .owl2-nav{position:static;}
    }
    .owl2-controls .owl2-nav div{
      display: inline-block;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 40px;
      color: #999;
	  font-size:0;
      background: transparent;
      border-radius: 3px;
      -ms-border-radius: 3px;
      -o-border-radius: 3px;
      -webkit-border-radius: 3px;
      &.owl-next {
        position: absolute;
        margin-top: -20px;
        top: 50%;
        right: 0px;
        &::before {content: '\f105';}
      }
      &.owl-prev{
        position: absolute;
        margin-top: -20px;
        top: 50%;
        left: 0px;
        &::before {content: '\f104';}
      }
      &:before {
        position: absolute;
        left: 0;
        right: inherit;
        top: 0;
        display: inline-block;
        text-indent: 0;
        width: 38px;
        height: 38px;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-align: center;
        font-size: 24px;
        line-height: 36px;
        color: #fff;
      }
	  &:hover{
		cursor:pointer;
	  }
    }
  }
  .owl2-carousel .owl2-item{
    text-align:center;
    img{
      width:auto;margin:0 auto;
      -webkit-transition: all 0.25s ease;
      -moz-transition: all 0.25s ease;
      -ms-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      -moz-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); 
      filter: gray; 
      -webkit-filter: grayscale(100%);      
      display:block;
      &:hover{
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -webkit-filter: grayscale(0);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter:none;
        filter: grayscale(0);
      }
    }
  }
}

/*==== newsletter html====*/
.box-newsletter{
	.introtext{
		margin: 10px 0;
		font-style: italic;
	}
	form.newsletter{
		position: relative;
		overflow: hidden;
		background:transparent;
		input{
			font-style: italic;
			width:100%;
			display: inline-block;
		    background: #fff;
			border-color: #fff;
			padding: 0px 20px;
			transition: all 0.3s ease-in-out 0s;
			height: 37px;
			border: none;
			color: #8e8e8e;
			border-radius: 3px;
			font-size: 11px;
			line-height: 37px;
			&::-moz-placeholder {
                color: #8e8e8e;
                opacity: 1; 
            }
            &:-ms-input-placeholder { color: #8e8e8e; } 
            &::-webkit-input-placeholder  { color: #8e8e8e; } 
            &:focus,&:hover{
               
            }
		}
		button{
			font-style: italic;
			display: inline-block;
			margin-bottom: 0;
			position: absolute;
			right: 0;
			top: 0;
			background: $link_hover_color;
			text-transform: uppercase;
			border: none;
			border-radius: 3px;
			height: 37px;
			line-height: 37px;
		    font-weight: 400;
			color:#fff;
		    padding: 0 10px;
		    font-size: 11px;
		    border: none;
		    transition: none;
			&:hover {
			  color: #fff;
			}
		}
	}
}
.rtl .box-newsletter{
	form.newsletter{
		button{
			left: 0;
			right:auto;
		}
	}
}
.sp-scroll-up .fa-chevron-up{
	display:none;
}
//breadcrumb
.breadcrumb ul.items .breadcrumb-item:last-child {
    color: $link_hover_color;
}
.breadcrumb ul.items .item{
	margin:0 2px;
}

//joblist
#js_menu_wrapper{
    padding: 0;
}
div#js_menu_wrapper {
    padding: 0;
	a.js_menu_link {
		padding: 13px 13px;
		border-radius: 0;
		background: transparent;
		margin: 0;
		&:hover{
			background: #1f6690;
		}
	}
}

div#jsjobs-main-wrapper span.jsjobs-main-page-title {
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-size: 20px;
	border-bottom: 2px solid #4D4D4D;
}

#jsjobs-main-wrapper{
	.jsjobs-field-main-wrapper{
		.input-group-text{
			padding:0;
			border:none;
		}
	}
}
div#jsjobs-main-wrapper span.jsjobs-main-page-title span.jsjobs-add-resume-btn a.jsjobs-resume-a {
    padding: 5px 15px;
}
//list joblist
.layout-jobs{
	#js_menu_wrapper{
		display:none;
	}
	#jsjobs-wrapper{
		.page_heading{
			padding: 10px;
			margin: 0 0 10px;
			width: 100%;
			font-size: 16px;
			border-bottom: 2px solid #4D4D4D;
		}
		.totaljobsheading{
			display:none;
		}
	}
	#jsjobsfooter{
		display:none;
	}
}

div#js_jobs_main_popup_area div#js_jobs_main_popup_head div#jspopup_title {
    padding-top: 0;
}

//detail joblist
.layout-view_job{
	#js_menu_wrapper,
	#jsjobsfooter{
		display:none;
	}
}

.tabs-wrap .tabs-content .tab-pane {
    display: none;
}
.tabs-wrap .tabs-content .active {
    display: block;
}
div#js_jobs_main_wrapper .jsjobs-job-data .tabs-wrap ul.tabs li.active{
    border-bottom: 3px solid #2e2e2e;
	a {
		color: #2e2e2e;
	}
}

//mod filter
.sj_jsjob_filter_shopby h3.block-subtitle{
	display:none;
}
.sj_jsjob_filter_shopby .box-submit{
	text-align:center;
}
div.sj_jsjob_filter_shopby .box-submit .btn.reset{
    color: #3C3435;
    background: #F0F0F0;
    border: 1px solid #D4D4D5;
	font-size:14px;
	text-transform:none;
	min-width: auto;
    padding: 5px 15px;
	&:hover{
		color: #FFFFFF;
		background: #4D89DC;
		border: 1px solid #4D89DC;
	}
}

/*---contact---*/
@media (min-width: 768px){
	div.contact-ajax .ctajax-wrap .ctajax-element {
		width: 100%;
		.el-inner{
			padding:0;
		}
	}
	div.contact-ajax .ctajax-element .el-ctajax-form input {
		width: 100%;
	}
	div.contact-ajax .ctajax-element .el-ctajax-form textarea {
		width: 100%;
	}
}

.sp-column{
	.contact-ajax .ctajax-element .el-info-contact {
		margin: 0 0 30px 0;
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		padding: 0 0 15px;
	}
	.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;
		border: 1px solid rgba(0, 0, 0, .15);
		color: #898989;
		background: #f4f4f4;
	}
	.contact-ajax .ctajax-element .el-ctajax-form textarea{
		font-size:0.85rem;
		width:100%;
		border: 1px solid rgba(0, 0, 0, .15);
		color: #898989;
		background: #f4f4f4;
	}
	.contact-ajax .ctajax-element .el-ctajax-form input[type="submit"]{
		background: $link_hover_color !important;
		//color: #fff;
		border:none;
		width:100% !important;
		text-transform:uppercase;
		line-height:50px;
		padding:0 40px;
		font-weight:normal;
		transition: none;
		&:hover{
			background:$link_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;
	}
}
.rtl{
	.sj_jsjob_categories .sj-jsjob-categories__content > ul > li span.fa-angle-up {
		right: auto;
		left: 0px;
	}
	.sj_jsjob_categories .sj-jsjob-categories__content ul li a {
		display: inline-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;
}

/*---menu offcanvas---*/
.burger-icon {
    width: 25px;
    cursor: pointer;
	display:inline-block;
}
.burger-icon>span {
    display: block;
    height: 3px;
    background-color: #fff;
    margin: 3px 0;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
.burger-icon>span:nth-child(3) {
	margin-bottom:0;
}

#offcanvas-toggler {
    display: none !important;
	margin-top: 0px;
	height: auto;
	line-height: normal;
}
.offcanvas-active .close-offcanvas .burger-icon>span {
    transition-delay: 0.2s;
}
.offcanvas-active .close-offcanvas .burger-icon>span:nth-child(1), 
#modal-menu-toggler.active .burger-icon>span:nth-child(1) {
    transform: translate(0, 8px) rotate(
-45deg);
}
.offcanvas-active .close-offcanvas .burger-icon>span:nth-child(3), 
#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0, -4px) rotate(
45deg);
}
.offcanvas-active .close-offcanvas .burger-icon>span:nth-child(2), 
#modal-menu-toggler.active .burger-icon>span:nth-child(2) {
    opacity: 0;
}
.offcanvas-active .close-offcanvas .burger-icon>span {
	background:#000;
}
.offcanvas-active #offcanvas-toggler{
	display:none !important;
}
.close-offcanvas {
    background: none; 
}
.offcanvas-menu .logo-image {
    height: auto;
	display:none;
}

/*--used sj mega conflict offcanvas-- */
body .offcanvas-menu{
	//background:#000;
}
body .close-offcanvas{
	color:#000;
	border-color:transparent;
}
body.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    left: auto;
    width: 300px;
}
body.site .sidebar-megamenu .menu_vertical.offcanvas .offcanvas-menu {
    margin:0;
	width:300px;
}
body.site .sidebar-megamenu .menu_vertical.offcanvas .offcanvas-overlay{
		z-index:999;
}

body.rtl.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    margin: 0;
}

@media (max-width: 991px){
	#offcanvas-toggler{
		display:block !important;
	}
	.sp-megamenu-wrapper #offcanvas-toggler {
		display: none !important;
	}
	#sp-menu .sp-column {
		justify-content: end !important;
	}
}

body.rtl #offcanvas-toggler.offcanvas-toggler-right{
	float: right;
	height: 40px;
	width: 40px;
	margin-top: 5px;
	background-color: #f50;
	color: #fff;
	text-align: center;
	line-height: 40px;
	margin-left: 0;
}

/*--end menu---*/
/*---panigation---*/
.pagination-wrapper{
	text-align:left;
	padding-top:12px;
	padding-bottom:6px;
}
.pagination-wrapper .mr-auto{
	display:inline-block;
	ul.pagination{
		margin-bottom:0 !important;
		li span, li a{
			line-height:30px;
		}
	}
}
.rtl .pagination-wrapper{
	text-align:right;
}
.pagination-wrapper .pagination li, 
.paginationblock .pagination li {
    padding: 0 1px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.pagination-wrapper .pagination li a, 
.paginationblock .pagination li a, 
.pagination-wrapper .pagination li span, 
.paginationblock .pagination li span
{
	height:auto;
	min-width:auto;
	padding: 4px 15px;
	transition:none;
}
.pagination-wrapper .pagination li span span,
.pagination-wrapper .pagination li a span{
	border:none;
	height:auto;
	padding:0;
	line-height:30px;
	min-width:auto;
}
.pagination-wrapper .mr-auto{
	margin:0 -2px;
}
/*====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;
			padding: 1rem 2.5rem;
			border-radius: 100px !important;
		}
	}
}
/*comp search & user*/
#member-profile{
	[class^="icon-"], [class*=" icon-"]{
		font-family: 'FontAwesome' !important;
	}
}
.com-users-logout{
	[class^="icon-"], [class*=" icon-"]{
		font-family: 'Font Awesome 5 Free' !important;
	}
}
.com-users-login__submit .btn{
	width:100%;
	padding: 0.5rem 1rem;
}

.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;
}
.search .btn-toolbar button {
    margin:0 2px;
}
#searchForm label {
    display: inline-block;
    margin-bottom: .5rem;
}
#searchForm .form-check{
	padding-left:0;
	margin-left:0;
}
#searchForm .only label,
.search .phrases .phrases-box .controls label{
    margin: 0 20px 0px 5px;
}
.finder .input-group .form-control{
	height: calc(2.25rem + 2px);

}
.search .form-check .form-check-input{
	margin:0;
}
.search .phrases .ordering-box {
    max-width: 415px;
}

.rtl #searchForm .only label,
.rtl .search .phrases .phrases-box .controls label{
    margin: 0 5px 0px 20px;
}
.rtl #searchForm .form-check {
    margin-left: 0px;
	margin-right: 0px;
}


@media (max-width: 767px){
	div.contact-ajax .ctajax-element .el-ctajax-form input {
		width: 100%;
	}
	div.contact-ajax .ctajax-element .el-ctajax-form textarea {
		width: 100%;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait){
	body .home-layout .col-xl-9.offset-xl-3 {
		display: block;
		width: 100% !important;
	}
}

