@import "https://fonts.googleapis.com/css?family=Lato:400,700|Raleway:100,300,400,700|Tajawal:300,400,700,900";

a:active,
a:focus,
a:hover {
	color: inherit;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

body {
	letter-spacing: 0;
}
@media only screen and (max-width: 991px) {
	body { font-size: 17px; }
}
@media only screen and (max-width: 767px) {
	body { font-size: 15px; }
}
@media only screen and (max-width: 567px) {
	body { font-size: 13px; }
}

body.blog,
body.archive,
body.single {
	background-color: #F2F2F2;
}

body.post-type-archive-portfolio,
body.archive.tax-portfolio_cat {
	background-color: #191919;
}

button {
	padding: 0 27px 0 30px;
}

a.button, a.button-o, input.button-o, button.button-o {
	font-size: 16px;
}
@media only screen and (max-width: 991px) {
	a.button, a.button-o, input.button-o, button.button-o {
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	a.button, a.button-o, input.button-o, button.button-o {
		font-size: 14px;
	}
}
@media only screen and (max-width: 567px) {
	a.button, a.button-o, input.button-o, button.button-o {
		font-size: 13px;
	}
}

button, input, select, textarea {
	font-size: 16px;
}
@media only screen and (max-width: 991px) {
	button, input, select, textarea {
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	button, input, select, textarea {
		font-size: 14px;
	}
}
@media only screen and (max-width: 567px) {
	button, input, select, textarea {
		font-size: 13px;
	}
}

@media only screen and (max-width: 991px) {
	h1 { font-size: 42px; }
	h2 { font-size: 32px; }
	h3 { font-size: 23px; }
	h4 { font-size: 20px; }
	h5 { font-size: 17px; }
	h6 { font-size: 15px; }
}
@media only screen and (max-width: 767px) {
	h1 { font-size: 38px; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
	h4 { font-size: 19px; }
	h5 { font-size: 16px; }
	h6 { font-size: 15px; }
}
@media only screen and (max-width: 567px) {
	h1 { font-size: 24px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 17px; }
	h5 { font-size: 15px; }
	h6 { font-size: 13px; }
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 0;
}

h1, h2 {
	line-height: 1.2em;
}

.header__search input[type="text"] {
	color: #FFF;
}

#jas-footer button {
	background-color: #777;
	color: #E7E7E7;
}

#jas-footer .button:hover {
	background-color: #555;
}

input:not([type="submit"]):not([type="checkbox"]),
select,
textarea {
	color: #333;
	font-size: 15px;
}
@media only screen and (max-width: 991px) {
	input:not([type="submit"]):not([type="checkbox"]),
	select,
	textarea {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	input:not([type="submit"]):not([type="checkbox"]),
	select,
	textarea {
		font-size: 13px;
	}
}
@media only screen and (max-width: 567px) {
	input:not([type="submit"]):not([type="checkbox"]),
	select,
	textarea {
		font-size: 12px;
	}
}

input:not([type="submit"]):not([type="checkbox"]):focus,
textarea:focus {
	border-color: #333;
}

input[type="text"],
textarea {
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}

mark {
	background-color: transparent;
	color: #DD1E1E;
	padding: 0;
}

table, td, th {
	border-color: transparent;
	vertical-align: top;
}

table {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
}

td, th {
	padding: 5px 0;
}

.jas-action > * {
	padding-left: 0;
	padding-right: 0;
}

.jas-canvas-menu {
    left: auto;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
}

.menu-opened .jas-canvas-menu {
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

#jas-content .wpb_text_column ol,
#jas-content .wpb_text_column ul {
	margin-bottom: 1.3em;
	padding-left: 20px;
}

#jas-content .wpb_text_column ol {
	list-style: outside none decimal;
}

#jas-content .wpb_text_column ul {
	list-style: outside;
}

#jas-content .wpb_text_column table ol,
#jas-content .wpb_text_column table ul {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	#jas-backtop {
		display: none !important;
	}
}

#jas-footer {
	font-size: 14px;
}
@media only screen and (max-width: 991px) {
	#jas-footer {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	#jas-footer {
		font-size: 12px;
	}
}
@media only screen and (max-width: 567px) {
	#jas-footer {
		font-size: 11px;
	}
}

#jas-footer .textwidget h1,
#jas-footer .textwidget h2,
#jas-footer .textwidget h3,
#jas-footer .textwidget h4,
#jas-footer .textwidget h5,
#jas-footer .textwidget h6 {
	margin-top: 0;
}

@media only screen and (min-width: 48em) {
	#jas-footer .footer__bot .end-sm {
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		-webkit-justify-content: space-around;
		justify-content: space-around;
		text-align: center;
	}
}
@media only screen and (min-width: 62em) {
	#jas-footer .footer__bot .end-sm {
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		text-align: end;
	}
}

#jas-footer .footer__top {
	padding-bottom: 35px;
	padding-top: 120px;
}

@media only screen and (min-width: 48em) {
	#jas-footer .footer__top {
		padding-top: 150px;
	}
}

@media only screen and (min-width: 48em) {
	#jas-footer.footer-3 .jas-container > div {
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	#jas-footer.footer-3 .textwidget {
		-webkit-box-align: end;
		-moz-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 100%;
	}

}

#jas-footer.footer-3 .widget:last-child {
	padding-bottom: 35px;
}

#jas-footer.footer-3 .widget:not(:last-child) {
	border-bottom: none;
}

#jas-footer.footer-3 .textwidget > div {
	text-align: left;
}

#jas-footer .widget ul li {
	line-height: 1.3em;
	margin-bottom: 10px;
	padding-left: 20px;
	position: relative;
}

#jas-footer .widget ul li:after,
#jas-footer .widget ul li.menu-item-has-children:before {
	content: "";
	height: 9px;
	position: absolute;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 9px;
}

#jas-footer .widget ul li:after {
	border-left: 1px solid;
	border-top: 1px solid;
	left: 6px;
	top: 11px;
	width: 1px;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#jas-footer .widget ul li.active:after,
#jas-footer .widget ul li.active:before {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#jas-footer .widget ul li.menu-item-has-children:before {
	border-left: 1px solid;
	border-top: 1px solid;
	height: 1px;
	left: 2px;
	top: 15px;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#jas-footer .column .widget_nav_menu ul ul {
	display: none;
}
@media only screen and (min-width: 62em) {
	#jas-footer .column .widget_nav_menu ul ul {
		padding-left: 18px;
	}
}

#jas-footer .widget ul ul li a {
	text-transform: none;
}

#jas-footer-menu li:first-child {
	margin-left: 0;
}

#jas-header {
	height: auto !important;
}

.header__mid,
.header__top {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.header__mid {
	position: fixed;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 100%;
	z-index: 997;
}
@media only screen and (max-width: 767px) {
	.header__mid {
		position: absolute;
	}
}

.header-sticky .header__mid {
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 997;
}
@media only screen and (max-width: 767px) {
	.header-sticky .header__mid {
		position: absolute !important;
	}
}
@media only screen and (max-width: 767px) {
	.header-sticky .header__mid {
		background-color: transparent;
	}
}

@media only screen and (max-width: 767px) {
	.header-2 .header__mid [class*="jas-col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.header__top {
	display: none;
}

@media only screen and (max-width: 767px) {
	#jas-header.header-3 .header__top,
	#jas-header.header-4 .header__top {
		display: none;
	}
}

.header__mid > div,
.header__top > div {
	margin: 0 auto;
	position: relative;
	width: 100%;
}
@media only screen and (min-width: 48em) {
	.header__mid > div,
	.header__top > div {
		width: 46rem;
	}
}
@media only screen and (min-width: 62em) {
	.header__mid > div,
	.header__top > div {
		width: 61rem;
	}
}

@media only screen and (max-width: 1024px) {
	#jas-header.header-3 .header__mid > div,
	#jas-header.header-4 .header__mid > div {
		display: table;
		position: relative;
	}
}
#jas-header.header-5 .header__mid > div {
	padding-left: 0;
	padding-right: 0;
}

.header-2 .header__mid > div > div > [class*="jas-col-"] {
	padding-left: 15px;
	padding-right: 15px;
}

.header__top .header-text {
	font-size: 14px;
}

.header__top .end-lg .header-text.mr__15,
.header__top .end-md .header-text.mr__15,
.header__top .end-sm .header-text.mr__15 {
	margin-right: 0;
}

.header__top .header-text.mr__20 {
	margin-right: 0;
}
@media only screen and (min-width: 48em) {
	.header__top .header-text.mr__20 {
		margin-right: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	#jas-header.header-3 .header__mid .hidden-sm,
	#jas-header.header-4 .header__mid .hidden-sm {
		display: block;
	}
	
	#jas-header.header-5 .header__mid .hidden-sm {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}
@media only screen and (max-width: 991px) {
	#jas-header.header-3 .header__mid .hidden-sm,
	#jas-header.header-4 .header__mid .hidden-sm,
	#jas-header.header-5 .header__mid .hidden-sm {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.header__top .hidden-sm {
		display: none;
	}
}

.holder {
	top: 6px;
}

.holder:after {
	height: 21px;
	right: 19px;
	top: 11px;
}

.holder:before {
	top: 21px;
	width: 21px;
}

@media only screen and (max-width: 1024px) {
	#jas-header.header-3 .header__mid .jas-action,
	#jas-header.header-5 .header__mid .jas-action {
		display: none;
	}
}

#jas-header.header-2 .header__top .jas-action i {
	line-height: 70px;
}

#jas-header.header-3 .jas-branding,
#jas-header.header-4 .jas-branding {
	text-align: left;
}
@media only screen and (max-width: 1024px) {
	#jas-header.header-3 .jas-branding,
	#jas-header.header-4 .jas-branding {
		margin: inherit;
		text-align: left;
	}
}

#jas-header.header-4 .jas-branding {
	margin: inherit;
}

#jas-header.header-5 .jas-branding {
	padding-top: 25px;
}

.jas-breadcrumb {
	color: #707070;
	font-size: 36px;
	font-weight: 300;
	line-height: 1.5em;
	text-transform: none;
}
@media only screen and (max-width: 991px) {
	.jas-breadcrumb { font-size: 32px; }
}
@media only screen and (max-width: 767px) {
	.jas-breadcrumb { font-size: 28px; }
}
@media only screen and (max-width: 567px) {
	.jas-breadcrumb { font-size: 22px; }
}

body.category .jas-breadcrumb {
	font-size: 38px;
}
@media only screen and (max-width: 991px) {
	body.category .jas-breadcrumb { font-size: 32px; }
}
@media only screen and (max-width: 767px) {
	body.category .jas-breadcrumb { font-size: 28px; }
}
@media only screen and (max-width: 567px) {
	body.category .jas-breadcrumb { font-size: 22px; }
}

body.category .jas-breadcrumb {
	margin-top: 0;
}

body.page .jas-breadcrumb,
body.post-type-archive-portfolio .jas-breadcrumb,
body.tax-portfolio_cat .jas-breadcrumb {
	display: none;
}

.page-head .jas-breadcrumb a,
.page-head .woocommerce-breadcrumb a {
	color: #888;
}

.jas-breadcrumb > li.separator {
	width: 35px;
}

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

@media only screen and (min-width: 62em) {
	.header-2 .header__mid .jas-col-md-5 .jas-col-md-3 {
		display: none;
	}
	
	.header-2 .header__mid .jas-col-md-5 .jas-col-md-9 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	
	.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6 .jas-col-md-3.jas-col-sm-12 {
		-ms-flex-preferred-size: 22%;
		-webkit-flex-basis: 22%;
		flex-basis: 22%;
		max-width: 22%;
	}

	.header-4 .header__mid .jas-row .jas-col-md-9.jas-col-sm-6 .jas-col-md-9 {
		-ms-flex-preferred-size: 78%;
		-webkit-flex-basis: 78%;
		flex-basis: 78%;
		max-width: 78%;
	}
}

.jas-container {
	padding-left: 15px;
	padding-right: 15px;
}
@media only screen and (min-width: 48em) {
	.vc_row > .jas-container {
		padding-left: 0;
		padding-right: 0;
	}
}
body.page #jas-content > .jas-container {
	padding-left: 0;
	padding-right: 0;
}
body.page.home #jas-content > .jas-container,
body.single #jas-content > .jas-container {
	width: auto;
}
body.single #jas-content > .jas-container {
	padding-top: 30px;
}
body.woocommerce-account #jas-content > .jas-container {
	padding-left: 15px;
	padding-right: 15px;
}

.jas-container.mt__60,
.jas-single-blog > .mt__50 {
	margin-top: 0;
}

#jas-header.header-2 .jas-icon-cart {
	display: none;
}

.header-2 .jas-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	width: 100%;
}

@media only screen and (min-width: 36em) {
	#jas-mobile-menu {
		padding-left: 20%;
		padding-right: 20%;
	}
}
@media only screen and (min-width: 62em) {
	#jas-mobile-menu {
		padding-left: 30%;
		padding-right: 30%;
	}
}

.header-2 .jas-menu.clearfix:before,
.header-2 .jas-menu.clearfix:after {
	display:  none;
}

.jas-menu a {
	cursor: pointer;
}

.jas-menu li {
	font-weight: bold;
}

.header-2 .jas-menu > li {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.header-5 .jas-menu > li {
	margin-left: 30px;
	margin-right: 30px;
}

.jas-menu ul {
	background: transparent;
	left: calc(50% - 120px);
	width: 240px;
}

.header-sticky .jas-menu ul {
	background: transparent;
}

.jas-menu ul a {
	letter-spacing: 3px;
	padding-bottom: 3px;
	padding-top: 5px;
}

.jas-menu ul li {
	background: #FFF;
    border-color: #FFF;
}

.jas-menu ul li:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.jas-menu ul li {
	border: 1px solid #777;
	border-radius: 30px;
	margin-bottom: 5px;
}

.jas-menu ul li:not(:last-child) {
	border-color: #777;
}

#jas-mobile-menu ul li a {
	color: #FFF;
	font-size: 22px;
	line-height: 2em;
}

#jas-mobile-menu ul > li:hover > a,
#jas-mobile-menu ul > li.current-menu-item > a,
#jas-mobile-menu ul > li.current-menu-parent > a,
#jas-mobile-menu ul > li.current-menu-ancestor > a,
#jas-mobile-menu ul > li:hover > .holder,
#jas-mobile-menu ul > li.current-menu-item > .holder,
#jas-mobile-menu ul > li.current-menu-parent > .holder,
#jas-mobile-menu ul > li.current-menu-ancestor > .holder {
	color: #FFF;
}

#jas-mobile-menu ul > li:hover > a {
	padding-left: 0;
}

#jas-mobile-menu ul span {
    display: table;
	margin: 0 auto;
}

#jas-mobile-menu ul ul li a {
	font-size: 17px;
}

.jas-page > div {
	margin-top: 0;
}

.jas-pagination,
.woocommerce-pagination {
	border-color: transparent;
}

.jas-promotion a {
	display: inline-block;
	position: relative;
}

.jas-promotion h3,
.jas-promotion h4,
.jas-promotion h5 {
	line-height: 1.3em;
	margin-bottom: 5px;
	margin-top: 5px;
}

.jas-promotion h3,
.jas-promotion h4 {
	white-space: normal;
}

.jas-promotion .pa {
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.jas-promotion .pa > * {
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.jas-push-menu {
	background: rgba(0,0,0,0.8);
	width: 100%;
}

@media only screen and (max-width: 991px) {
	#jas-header.header-3 .jas-push-menu-btn,
	#jas-header.header-4 .jas-push-menu-btn {
		padding-left: 15px;
		padding-right: 15px;
		position: absolute;
		right: 0;
		top: 50%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
@media only screen and (min-width: 62em) {
	#jas-header.header-2 .jas-push-menu-btn,
	#jas-header.header-3 .jas-push-menu-btn,
	#jas-header.header-4 .jas-push-menu-btn {
		display: none;
	}
}

/*
.jas-push-menu-btn:before {
	background: url(../../gecko/assets/images/icons/hamburger-white.svg) center center no-repeat;
	content: "";
	display: inline-block;
	height: 25px;
	margin-top: 12px;
	width: 23px;
}
*/

.jas-push-menu h3 {
	background: none;
	color: transparent;
	margin-top: 8px;
	position: relative;
}
@media only screen and (min-width: 48em) {
	.jas-push-menu h3 {
		margin-left: auto;
		margin-right: auto;
		margin-top: 18px;
		width: 46em;
	}
}
@media only screen and (min-width: 62em) {
	.jas-push-menu h3 {
		width: 61rem;
	}
}
@media only screen and (min-width: 75em) {
	.jas-push-menu h3 {
		width: calc(100% - 80px);
	}
}

.jas-push-menu h3 i {
	color: #FFF;
	font-size: 60px;
}

@media only screen and (max-width: 736px) {
	.jas-push-menu h3 i {
		font-size: 46px;
	}
}

.jas-push-menu h3 i.close-menu {
	right: -5px;
}
@media only screen and (max-width: 736px) {
	.jas-push-menu h3 i.close-menu {
		right: 0;
	}
}

.jas-push-menu .jas-action {
	display: none;
}

@media only screen and (max-width: 736px) {
	#jas-header .jas-push-menu-btn img {
		width: 20px;
	}
}

.jas-row {
	margin-left: -15px;
	margin-right: -15px;
}

.header__top .jas-socials {
	margin-left: 35px;
}
@media only screen and (max-width: 736px) {
	.header__top .jas-socials {
		padding-top: 0;
	}
}

#jas-footer .jas-socials {
	margin-left: -6px;
	margin-top: 3px;
}

.jas-socials a {
	border: none;
}

.jas-socials a:hover {
	color: #DDD;
}

.jas-socials a .fa:before {
	font-size: 24px;
}

#jas-footer .jas-socials a .fa:before {
	font-size: 18px;
}

.mask-overlay {
	background: none;
}

.page-head {
	padding-bottom: 110px;
	padding-top: 150px;
	text-align: left;
}
@media only screen and (max-width: 767px) {
	.page-head {
		padding-bottom: 65px;
		padding-top: 95px;
	}
}

/*
.page-head {
	height: 60vw;
}
@media only screen and (min-width: 62em) and (orientation:landscape) {
	.page-head {
		height: 90vh;
	}
}

.page-head {
	height: 70vh;
	padding-top: 115px;
	text-align: left;
}
@media only screen and (min-width: 35em) {
	.page-head {
		height: 90vh;
	}
}
@media only screen and (min-width: 48em) {
	.page-head {
		height: 56.25vw;
	}
}
@media only screen and (min-width: 85em) {
	.page-head {
		height: 52vw;
	}
}
*/

body.blog .page-head {
	background-color: #FFF !important;
}

body.archive .page-head {
	background: none !important;
}

body.single .page-head {
	margin-bottom: 80px;
	padding-bottom: 0;
	padding-top: 0;
}

.page-head:before {
	display: none;
}

.page-head > div {
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	height: 100%;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
@media only screen and (min-width: 1025px) {
	.page-head > div {
		background-attachment: fixed !important;
	}
}

.page-head h1 {
	color: #707070;
	font-size: 35px;
	font-weight: 300;
	line-height: 1.5em;
	text-transform: none;
}
@media only screen and (max-width: 991px) {
	.page-head h1 {	font-size: 32px; }
}
@media only screen and (max-width: 767px) {
	.page-head h1 {	font-size: 28px; }
}
@media only screen and (max-width: 567px) {
	.page-head h1 {	font-size: 22px; }
}

.body.page .menu-txt-white .page-head h1 {
	color: #FFF;
}
	
body.single #jas-content h1.cw {
	color: #000;
}

body.single #jas-content h1.tu {
	text-transform: none;
}

body.single .page-head h1 {
	color: #FFF;
}

body.post-type-archive-portfolio .page-head h1 {
	display: contents;
}

.page-head p {
	color: #666;
	font-size: 17px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em;
}
@media only screen and (max-width: 991px) {
	.page-head p { font-size: 16px; }
}
@media only screen and (max-width: 767px) {
	.page-head p { font-size: 15px; }
}
@media only screen and (max-width: 567px) {
	.page-head p { font-size: 14px; }
}

body.post-type-archive-portfolio .page-head p {
	display: contents;
}

.page-head .wpb_content_element {
	margin-bottom: 0;
}

.widget-title {
	font-size: 15px;
	font-weight: normal;
}

#jas-footer .widget-title {
	margin-bottom: 5px;
}

/* gallery slider */
.img-slider .flexslider {
	background: transparent;
	border: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 35px;
}
@media only screen and (min-width: 48em) {
	.img-slider .flexslider {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 48em) {
	.img-slider.wpb_gallery .wpb_flexslider .flex-control-nav {
		bottom: 0;
		top: auto;
	}
}

.img-slider.white .flex-control-paging li a {
	background: rgba(255,255,255,.5);
}

.img-slider.white .flex-control-paging li a.flex-active {
	background: rgba(255,255,255,.9);
}

.flex-direction-nav a {
	margin-top: 10px !important;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.img-slider.wpb_gallery .wpb_flexslider .flex-direction-nav a {
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.img-slider .flex-direction-nav a.flex-next:before {
	content: "\e684" !important;
}
	
.img-slider .flex-direction-nav .flex-prev:before {
	content: "\e686";
}

.img-slider .flex-direction-nav .flex-next:before,
.img-slider .flex-direction-nav .flex-prev:before {
	font-size: 60px !important;
}

.img-slider .wpb_flexslider .flex-direction-nav a:before {
	line-height: 0.8em;
	margin-left: -8px;
}

.img-slider .flex-direction-nav .flex-next {
	right: 0 !important;
}

.flexslider:hover .flex-next {
	filter: alpha(opacity=95);
	opacity: 0.95;
}

.img-slider .flexslider:hover .flex-next {
	right: 0;
}

.img-slider .flex-direction-nav .flex-prev {
	left: 0 !important;
}

.flexslider:hover .flex-prev {
	filter: alpha(opacity=95);
	opacity: 0.95;
}

.img-slider .flexslider:hover .flex-prev {
	left: 0;
}

@media only screen and (min-width: 48em) {
	.img-slider.style-1 .flex-direction-nav .flex-next {
		right: -35px !important;
	}
	
	.img-slider.style-1 .flexslider:hover .flex-next {
		right: -35px;
	}
	
	.img-slider.style-1 .flex-direction-nav .flex-prev {
		left: -35px !important;
	}
	
	.img-slider.style-1 .flexslider:hover .flex-prev {
		left: -35px;
	}
}

.img-slider.style-2 .wpb_flexslider .flex-direction-nav a {
	background-color: #666;
	border: 1px solid #FFF;
}

.img-slider.style-2 .flex-direction-nav .flex-next {
	 right: 30px !important;
}

.img-slider.style-2 .flexslider:hover .flex-next {
	right: 30px;
}

.img-slider.style-2 .flex-direction-nav .flex-prev {
	 left: 30px !important;
}

.img-slider.style-2 .flexslider:hover .flex-prev {
	left: 30px;
}

.img-slider.style-2 .flex-direction-nav .flex-next:before,
.img-slider.style-2 .flex-direction-nav .flex-prev:before {
	font-size: 36px !important;
}

.img-slider.style-2 .wpb_flexslider .flex-direction-nav a:before {
	line-height: 0.8em;
	margin-left: 0;
	margin-top: 5px;
}
/* end - gallery slider */

/* archive / single / search */
.inside-thumb {
	background: none;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	position: static;
	text-align: left;
}

.jas-masonry .inside-thumb {
	display: none;
	padding: 25px 35px 10px;
}

.inside-thumb a:not(.cg),
.jas-blog-slider .post-thumbnail > div a {
	color: #333;
}

.post-date {
	color: #888;
	display: block;
	font-size: 13px;
}

.post-meta {
	display: none;
}

.posted-on {
	display: none;
}

.post-meta-inside .posted-on {
	font-family: "Tajawal", sans-serif;
	font-size: 13px;
	margin-left: 0;
}
@media only screen and (max-width: 991px) {
	.post-meta-inside .posted-on {
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.post-meta-inside .posted-on {
		font-size: 11px;
	}
}
@media only screen and (max-width: 567px) {
	.post-meta-inside .posted-on {
		font-size: 10px;
	}
}

.post-thumbnail {
	margin-bottom: 5px;
}

@media only screen and (min-width: 48em) {
	.post-thumbnail img {
		max-height: 700px;
		width: auto;
	}
}
body.search-results .post-thumbnail img {
	display: none;
}

@media only screen and (max-width: 991px) {
	h1.post-title {
		font-size: 25px;
	}
}
@media only screen and (max-width: 767px) {
	h1.post-title {
		font-size: 22px;
	}
}
@media only screen and (max-width: 567px) {
	h1.post-title {
		font-size: 18px;
	}
}

h2.post-title {
	font-size: 26px;
	letter-spacing: 0;
	line-height: 1.5em;
	text-transform: none;
}
@media only screen and (max-width: 991px) {
	h2.post-title {
		font-size: 24px;
	}
}
@media only screen and (max-width: 767px) {
	h2.post-title {
		font-size: 22px;
	}
}
@media only screen and (max-width: 567px) {
	h2.post-title {
		font-size: 20px;
	}
}

.posts {
	height: auto !important;
	margin-left: -15px;
	margin-right: -15px;
}

body.single-portfolio .social-share {
	padding-top: 70px;
}

.jas-portfolio-single .jas-social a {
	background: transparent;
	color: #333;
	height: auto;
	width: auto;
}

.jas-social i,
.jas-portfolio-single .jas-social a i {
    font-size: 17px;
}
/* end - archive / single / search */

/* search */
body.search .jas-page > *,
body.search-results .jas-page > * {
	margin-left: 0;
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}

body.search-results article {
	margin-bottom: 50px;
}

body.search-results .post-thumbnail {
	margin-bottom: 0;
}

.pe-7s-search:before {
	color: #FFF;
}

.sf-open {
	left: 14px;
	position: absolute;
	top: -49px;
}
/* end - search */

/* post listing */
.author {
	display: none;
}

.jas-blog .mt__60 {
	margin-top: 0;
}
@media only screen and (min-width: 62em) {
	.jas-blog .mt__60 {
		margin-top: 50px;
	}
}

.jas-masonry.mt__60 {
	margin-top: 0;
}

.more-link {
	font-size: 14px;
}
@media only screen and (max-width: 991px) {
	.more-link {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.more-link {
		font-size: 12px;
	}
}
@media only screen and (max-width: 567px) {
	.more-link {
		font-size: 11px;
	}
}

.post-related {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
	
@media only screen and (min-width: 48em) {
	.post-related {
		width: 46rem;
	}
}
@media only screen and (min-width: 62em) {
	.post-related {
		width: 61rem;
	}
}
@media only screen and (min-width: 75em) {
	.post-related {
		width: 74rem;
	}
}

.post-tags {
	display: table;
	margin: 0 auto;
}

.posts {
	margin-left: -15px;
	margin-right: -15px;
}

.post-action {
	border: 0;
	display: none;
	font-size: 12px;
	letter-spacing: 3px;
	padding: 0;
	text-transform: uppercase;
}

.post-action a {
	border: 1px solid #555;
	color: #555;
	padding: 7px 25px 7px 28px;
}

.post-action a:hover {
	background-color: #555;
	color: #FFF;
}

.post-action i {
	display: none;
}

@media only screen and (min-width: 62em) {
	.jas-blog .post:nth-child(2) .post-content {
		float: left;
		padding-bottom: 0;
		padding-top: 0;
		width: 50%;
	}
}

.posts .post-content h4 {
	margin-bottom: 15px;
}

.post-thumbnail {
	background-color: #DDD;
	margin-bottom: 0;
	overflow: hidden;
	padding: 28%;
}

@media only screen and (min-width: 62em) {
	.post:nth-child(2) .post-thumbnail {
		padding: 14%;
	}
}
/* end - post listing */

/* single post */
.cb {
	color: #333;
}

.f__libre,
.entry-date {
	font-family: "Tajawal", sans-serif;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.entry-date {
	margin-left: 15px;
}

@media only screen and (max-width: 991px) {
	.entry-date {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.entry-date {
		font-size: 12px;
	}
}
@media only screen and (max-width: 567px) {
	.entry-date {
		font-size: 11px;
	}
}

.jas-single-blog {
	margin-bottom: 50px;
}

@media only screen and (min-width: 75em) {
	.jas-single-blog.jas-row .post-content > .vc_row {
		width: calc(100% + 30px);
	}
}

.post-content > * > .vc_row {
	margin-left: -15px;
	margin-right: -15px;
}

.post-meta-inside {
	font-weight: bold;
}

.post-meta-inside .cat {
	display: none;
}

.post-related {
	margin-bottom: 50px;
}

.slick-slide img {
	width: 100%;
}

.slick-slide .f__libre {
	display: none;
}

.tag-comment {
	border: none;
}
/* end - single post */

/* portfolio listing */
.jas-filter {
	font-size: 15px;
	letter-spacing: 2px;
	margin-bottom: 50px;
}
@media only screen and (max-width: 1024px) {
	.jas-filter {
		font-size: 14px;
		letter-spacing: 1px;
	}
}
@media only screen and (max-width: 767px) {
	.jas-filter {
		font-size: 13px;
		letter-spacing: 0;
	}
}

.jas-filter a {
	background-color: rgba(255,255,255,0.05);
	border-radius: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 9px 6px 10px;
}

.jas-filter a:hover {
	color: #FFF;
}

.jas-filter a.selected {
	background-color: rgba(255,255,255,0.1);
	color: #FFF;
}

.jas-portfolio,
.portfolio-container > .wpb_column > .vc_column-inner  > .wpb_wrapper,
.portfolio-container2 > .wpb_column > .vc_column-inner  > .wpb_wrapper {
	overflow: hidden;
}

.portfolio-item {
	margin-bottom: 0;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	position: static !important;
}

@media only screen and (max-width: 767px)and (min-width: 42em) {
	.portfolio-item.jas-col-md-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}

.portfolio-item a,
.portfolio-item a:active,
.portfolio-item a:focus,
.portfolio-item a:hover {
	color: #FFF !important;
	filter: alpha(opacity=100);
	opacity: 1;
}

.portfolio-item .mask:before {
	opacity: 0;
}

.portfolio-item:hover .mask:before {
	opacity: 0;
}

.portfolio-item figcaption {
	left: 0;
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.portfolio-item figcaption {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.portfolio-item:hover figcaption {
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}

.portfolio-item img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	width: 100%;
}

.portfolio-item:hover img {
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

.portfolio-item .mask:before {
	display: none;
}

.portfolio-item .pa {
	background-color: rgba(0,0,0,0.25);
	height: 100%;
	text-align: left;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	z-index: 9;
}

.portfolio-item .pa:hover {
	background-color: rgba(0,0,0,0.7);
}

.portfolio-item .pa h4 {
	bottom: 15px;
	font-size: 36px;
	font-weight: 300;
	left: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	padding-left: 30px;
	padding-right: 30px;
	position: absolute;
	text-transform: none;
}
@media only screen and (max-width: 1024px) {
	.portfolio-item .pa h4 {
		filter: alpha(opacity=100);
		opacity: 1;
	}
}
@media only screen and (max-width: 991px) {
	.portfolio-item .pa h4 {
		font-size: 24px;
	}
}
@media only screen and (max-width: 767px) {
	.portfolio-item .pa h4 {
		font-size: 25px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media only screen and (max-width: 567px) {
	.portfolio-item .pa h4 {
		font-size: 20px;
	}
}

.portfolio-item:hover .pa h4 {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
}

.portfolio-item .pa h4 a,
.portfolio-item .pa h4 a:active,
.portfolio-item .pa h4 a:focus,
.portfolio-item .pa h4 a:hover {
	color: #FFF !important;
	filter: alpha(opacity=100);
	opacity: 1;
}

.portfolio-item .pa span {
	font-size: 15px;
	line-height: 6em;
	letter-spacing: 1px;
}
@media only screen and (max-width: 991px) {
	.portfolio-item .pa span {
		font-size: 14px;
		line-height: 4em;
	}
}
@media only screen and (max-width: 767px) {
	.portfolio-item .pa span {
		font-size: 13px;
	}
}
@media only screen and (max-width: 567px) {
	.portfolio-item .pa span {
		font-size: 12px;
	}
}

.portfolio-item .pa span {
	font-weight: bold;
}

.portfolio-item .pa span:last-child {
	font-weight: normal;
	margin-left: -20px;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
}
@media only screen and (max-width: 1024px) {
	.portfolio-item .pa span:last-child {
		margin-left: 0;
		filter: alpha(opacity=100);
		opacity: 1;
	}
}

.portfolio-item:hover .pa span:last-child {
	margin-left: 0;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* error */
/* when mobile, images height is not consistent */
.portfolios {
	height: auto !important;
}

body.page .portfolios {
	height: auto !important;
	margin-left: 0;
	margin-right: 0;
}

/* this element remove, the width - 50% works */
.portfolios > div {
	display: none;
}

.position-2nd {
	left: 50% !important;
	top: 0% !important;
}

/* after clicking the filter */
/* 1. some cannot show without scrolling down */
/* 2. images shaking */

.portfolio-item .jas-animated.active {
	filter: alpha(opacity=100) !important;
    opacity: 1 !important;
	-ms-transform: translateY(0) scale(1) !important;
	-o-transform: translateY(0) scale(1) !important;
    -webkit-transform: translateY(0) scale(1) !important;
    transform: translateY(0) scale(1) !important;
	-moz-transition: transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s !important;
	-ms-transition: transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s !important;
	-o-transition: transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s !important;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s !important;
    transition: transform 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.7s cubic-bezier(0.6, 0.2, 0.1, 1) 0s !important;
}

.portfolio-item .jas-animated.inactive {
	filter: alpha(opacity=0) !important;
    opacity: 0 !important;
	-ms-transform: translateY(0) scale(0) !important;
	-o-transform: translateY(0) scale(0) !important;
    -webkit-transform: translateY(0) scale(0) !important;
    transform: translateY(0) scale(0) !important;
}
/* error */
/* end - portfolio listing */

/* single portfolio */
body.single-portfolio .entry-date {
	display: none;
}

.portfolio-meta {
	display: none;
}

.jas-portfolio-single.jas-row {
	display: block;
}

@media only screen and (min-width: 75em) {
	.jas-portfolio-single.jas-row > .vc_row {
		width: calc(100% + 30px);
	}
}
/* end - single portfolio */

/* sidebar */
.left-sidebar .jas-page,
.right-sidebar .jas-page {
	margin-left: 0;
	margin-right: 0;
}

.sidebar .widget ul {
	padding-left: 0;
}
/* end - sidebar */

/* plugins */
/* advanced post slider */
.advps-excerpt-block-one {
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 767px) {
	.advps-excerpt-block-one > div {
		width: 100%;
	}
}

@media only screen and (min-width: 1921px) {
	.advps-slide {
		position: static !important;
		width: 100% !important;
	}

	.advps-slide-container {
		max-width: none !important;
	}
}

.advps-slide-container .advs-title{
	
},
.advps-slide-container .advs-title a {
	font-size: 36px !important;
	line-height: 1.2em !important;
}
@media only screen and (max-width: 991px) {
	.advps-slide-container .advs-title,
	.advps-slide-container .advs-title a {
		font-size: 32px !important;
		line-height: 32px !important;
	}
}
@media screen and (min-width: 1024px){
	#advps_container1 .advs-title,#advps_container1 .advs-title a
	{
		font-size:36px !important;
		line-height:70px !important;
	}
}
@media only screen and (max-width: 767px) {
	.advps-slide-container .advs-title,
	.advps-slide-container .advs-title a {
		font-size: 25px !important;
		line-height: 25px !important;
	}
}
@media only screen and (max-width: 567px) {
	.advps-slide-container .advs-title,
	.advps-slide-container .advs-title a {
		font-size: 22px !important;
		line-height: 22px !important;
	}
}

.advs-title a {
	font-weight: 300;
}

.bx-wrapper {
	margin-bottom: 0;
}

@media only screen and (min-width: 1921px) {
	.bx-wrapper img {
		width: 100%;
	}

	.bx-wrapper .bx-viewport {
		height: auto !important;
	}
}

.advps-slide-container .bx-wrapper .bx-pager {
	bottom: 30px !important;
}
@media only screen and (max-width: 767px) {
	.advps-slide-container .bx-wrapper .bx-pager {
		display: none;
	}
}

.advps-slide-container .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent !important;
	height: 50px !important;
	width: 35px !important;
}

.advps-slide-container .bx-wrapper .bx-pager.bx-default-pager a.active,
.advps-slide-container .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: transparent !important;
}

.advps-slide-container .bx-wrapper .bx-pager.bx-default-pager a:before {
	background: #555;
	bottom: 20px;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 35px;
}

.advps-slide-container .bx-wrapper .bx-pager.bx-default-pager a:hover:before {
	background: #888;
	bottom: 25px;
}

.advps-slide-container .bx-wrapper .bx-pager.bx-default-pager a.active:before {
	background: #FFF;
}

.bx-wrapper .bx-controls-direction a {
	bottom: 15px;
	height: 20px;
	top: auto;
	width: 12px;
}
@media only screen and (min-width: 48em) {
	.bx-wrapper .bx-controls-direction a {
		height: calc(100% - 100px);
		width: 10%;
	}
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-prev {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.bx-wrapper .bx-next {
	background: url(../images/arrow_next.png) no-repeat right bottom;
	right: 15px;
}
@media only screen and (min-width: 48em) {
	.bx-wrapper .bx-next {
		background: none;
		cursor: url(../images/arrow_next.png), auto;
	}
}

.bx-wrapper .bx-prev {
	background: url(../images/arrow_prev.png) no-repeat left bottom;
	left: 15px;
}
@media only screen and (min-width: 48em) {
	.bx-wrapper .bx-prev {
		background: none;
		cursor: url(../images/arrow_prev.png), auto;
	}
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-prev:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.bx-wrapper .bx-next:hover {
	background-position: right bottom;
}

.bx-wrapper .bx-prev:hover {
	background-position: left bottom;
}

/* others */
.advps-slide-container .portfolio-cat > span a {
	color: #FFF;
}
/* end - others */
/* end - advanced post slider */

/* blog */
.jas-sc-blog .post p,
.jas-sc-blog .post-info {
	padding-left: 35px;
	padding-right: 35px;
}

.jas-sc-blog > .jas-row > div:not(:first-child) .post-info {
	padding-top: 10px;
}

.jas-sc-blog .post-info h4 {
	font-size: 26px;
}
@media only screen and (max-width: 991px) {
	.jas-sc-blog .post-info h4 {
		font-size: 24px;
	}
}
@media only screen and (max-width: 767px) {
	.jas-sc-blog .post-info h4 {
		font-size: 22px;
	}
}
@media only screen and (max-width: 567px) {
	.jas-sc-blog .post-info h4 {
		font-size: 20px;
	}
}

.post-author,
.post-time {
	display: none;
}

/* others */
.jas-sc-blog > .jas-row > div:first-child {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.jas-sc-blog > .jas-row > div:first-child > .post {
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.jas-sc-blog > .jas-row > div:not(:first-child) > .post {
	background-color: #FFF;
}

@media only screen and (min-width: 62em) {
	.jas-sc-blog > .jas-row > div:not(:first-child) > .post {
		min-height: 600px;
	}
}
@media only screen and (min-width: 75em) {
	.jas-sc-blog > .jas-row > div:not(:first-child) > .post {
		min-height: 540px;
	}
}

.jas-sc-blog > .jas-row > div:first-child > .post > a,
.jas-sc-blog > .jas-row > div:first-child > .post > div {
	float: left;
	width: 50%;
}

.jas-sc-blog .post-content {
	padding-bottom: 30px;
	padding-left: 35px;
	padding-right: 35px;
}
/* end - others */
/* end - blog */

/* click to chat for whatsApp */
.sc_item {
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* end - click to chat for whatsApp */

/* posts slider */
/*
.flexslider {
	border: 0 !important;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
}

.flex-direction-nav .flex-next {
	right: 15px !important;
}

.flexslider:hover .flex-next {
	right: 15px;
}

.flex-direction-nav .flex-prev {
	left: 15px !important;
}

.flexslider:hover .flex-prev {
	left: 15px;
}

.flex-direction-nav .flex-next:before,
.flex-direction-nav .flex-prev:before {
	font-size: 70px;
	margin-top: -15px;
}

.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before {
	content: '\e684' !important;
}

.flex-direction-nav .flex-next:before {
	margin-left: -10px;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.flex-direction-nav .flex-prev:before {
	margin-right: -10px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wpb_gallery .wpb_flexslider .flex-caption {
	height: 0;
	padding-bottom: 0;
	padding-top: 0;
	visibility: hidden;
}

.wpb_gallery .wpb_flexslider .flex-control-nav {
	bottom: 0;
	top: auto;
}

.wpb_gallery .wpb_flexslider h2.post-title {
	font-size: 48px;
	left: 55px;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	visibility: visible;
}

.wpb_gallery .wpb_flexslider h2.post-title a {
	color: #FFF;
}
*/
/* end - posts slider */

/* visual composer */
.vc_btn3 {
	font-weight: bold;
}

.vc_btn3.vc_btn3-shape-rounded {
	border-radius: 3px;
}

.vc_btn3.vc_btn3-size-lg {
	letter-spacing: 1px;
}

.vc_btn3.vc_btn3-size-sm {
	padding-left: 28px !important;
	padding-right: 25px !important;
}

.vc_btn3.vc_btn3-style-outline,
.vc_btn3.vc_btn3-style-outline-custom,
.vc_btn3.vc_btn3-style-outline-custom:focus,
.vc_btn3.vc_btn3-style-outline-custom:hover,
.vc_btn3.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-style-outline:hover {
	border-width: 1px !important;
}

.vc_btn3.vc_btn3-style-outline-custom:focus,
.vc_btn3.vc_btn3-style-outline-custom:hover,
.vc_btn3.vc_btn3-style-outline:focus,
.vc_btn3.vc_btn3-style-outline:hover {
	border-color: rgb(102, 102, 102) !important;
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
	.vc_row.vc_row-o-full-height {
		min-height: 50vw !important;
	}
}
@media only screen and (max-width: 1024px) and (orientation:portrait) {
	.vc_row.vc_row-o-full-height {
		min-height: 40vh !important;
	}
}

.vc_non_responsive .vc_row .vc_column_container {
	padding-left: 0;
	padding-right: 0;
}

/* when clicking wrap content, content position not work */
.vc_row.vc_row-flex > .jas-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.vc_row.vc_row-flex > .jas-container > .vc_column_container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.vc_row.vc_row-o-content-bottom > .jas-container > .vc_column_container > .vc_column-inner {
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.vc_row.vc_row-o-content-middle > .jas-container > .vc_column_container > .vc_column-inner {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.vc_row.vc_row-flex > .jas-container > .vc_column_container > .vc_column-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.vc_separator.vc_sep_color_chino .vc_sep_line {
	border-color: #CEC2AB;
}

/* image gallery */
.img-gallery .wpb_image_grid .wpb_image_grid_ul {
	margin-left: -7.5px;
	margin-right: -7.5px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.img-gallery .wpb_image_grid .wpb_image_grid_ul a img {
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.img-gallery .wpb_image_grid .wpb_image_grid_ul a:hover img {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.img-gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item {
	margin: 0 7.5px 15px;
	overflow: hidden;
}
@media only screen and (min-width: 48em) {
	.img-gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item {
		left: auto !important;
		position: relative !important;
		top: auto !important;
	}

	.img-gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item,
	.img-gallery.col-2 .wpb_image_grid .wpb_image_grid_ul .isotope-item,
	.img-gallery.col-3 .wpb_image_grid .wpb_image_grid_ul .isotope-item,
	.img-gallery.col-4 .wpb_image_grid .wpb_image_grid_ul .isotope-item,
	.img-gallery.col-5 .wpb_image_grid .wpb_image_grid_ul .isotope-item,
	.img-gallery.col-6 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
		width: calc(50% - 15px);
	}
}
@media only screen and (min-width: 62em) {
	.img-gallery.col-2 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
		width: calc(50% - 15px);
	}

	.img-gallery.col-3 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
		width: calc(33.33% - 15px);
	}
	
	.img-gallery .wpb_image_grid .wpb_image_grid_ul .isotope-item,
	.img-gallery.col-4 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
		width: calc(25% - 15px);
	}
	
	.img-gallery.col-5 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
		width: calc(20% - 15px);
	}
	
	.img-gallery.col-6 .wpb_image_grid .wpb_image_grid_ul .isotope-item {
		width: calc(16.66% - 15px);
	}
}
/* end - image gallery */

/* post grid */
.jas-blog .post {
	filter: alpha(opacity=0);
	opacity: 0;
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	position: static !important;
	-moz-transition: all 1s !important;
	-ms-transition: all 1s !important;
	-o-transition: all 1s !important;
	-webkit-transition: all 1s !important;
	transition: all 1s !important;
}

.jas-blog .post.active {
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-webkit-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}

.jas-blog .post > div {
	background-color: #FFF;
}
@media only screen and (min-width: 62em) {
	.jas-blog .post:nth-child(2) > div {
		background-color: transparent;
	}
}

@media only screen and (max-width: 767px) and (min-width: 42em) {
	.vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item,
	.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
		display: inline-block;
	}
}

@media only screen and (min-width: 42em) {
	.jas-blog .post {
		float: left;
	}
}

@media only screen and (max-width: 991px) {
	.jas-blog .post {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}

@media only screen and (max-width: 671px) {
	.jas-blog .post {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}

@media only screen and (min-width: 62em) {
	.jas-blog .post:nth-child(2) {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 42em) {
	.jas-blog .post:not(:nth-child(2)) {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}

@media only screen and (max-width: 1199px) {
	.vc_grid.vc_row .vc_grid-item.vc_visible-item,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item {
		width: 50%;
	}
}

@media only screen and (max-width: 671px) {
	.vc_grid.vc_row .vc_grid-item.vc_visible-item,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item {
		width: 100%;
	}
}

@media only screen and (min-width: 62em) {
	.vc_grid.vc_row .vc_grid-item.vc_visible-item:first-child,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item.first {
		width: 100%;
	}

	.vc_grid.vc_row .vc_grid-item.vc_visible-item:first-child .vc_grid-item-mini > div,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item.first .vc_grid-item-mini > div {
		background-color: transparent !important;
		flex: 1;
		padding-right: 0px !important;
	}
}

.jas-blog .post-content,
.vc_gitem_row .vc_gitem-col {
	padding: 20px 35px 15px;
}

@media only screen and (min-width: 62em) {
	.jas-blog .post:nth-child(2) .post-content {
		float: left;
		width: 50%;
	}
	
	.jas-blog .post:nth-child(2) .post-thumbnail {
		float: left;
		width: 50%;
	}
}

.jas-blog .post-thumbnail img {
	bottom: -100%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: -100%;
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	-moz-transform-origin: center center;
	-webkit-transform-origin: center center;
	-o-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}

.jas-blog .post:hover .post-thumbnail img,
.vc_grid-item-mini.vc_is-hover .vc_gitem-animate-scaleIn .vc_gitem-zone-a {
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

@media only screen and (max-width: 991px) and (min-width: 42em) {
	.jas-blog .post .post-content,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item .vc_gitem-zone-c {
		min-height: 330px;
	}
}
@media only screen and (min-width: 62em) {
	.jas-blog .post:not(:nth-child(2)) .post-content,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item:not(:first-child):not(.first) .vc_gitem-zone-c {
		min-height: 270px;
	}
}
@media only screen and (min-width: 75em) {
	.jas-blog .post:not(:nth-child(2)) .post-content,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item:not(:first-child):not(.first) .vc_gitem-zone-c {
		min-height: 320px;
	}
}

@media only screen and (min-width: 62em) {
	.jas-blog .post:nth-child(2) > div,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item:first-child .vc_grid-item-mini,
	.vc_grid.vc_row .vc_grid-item.vc_visible-item.first .vc_grid-item-mini {
		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
}

/* filter */
.vc_grid-filter {
	margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
	.vc_responsive .vc_grid-filter {
		display: block !important;
	}
}

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover {
	background-color: rgba(0,0,0,0.05);
}

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active {
	background-color: rgba(0,0,0,0.1);
}

.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span,
.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active > span {
	color: #000;
}

.vc_grid-filter > .vc_grid-filter-item {
	margin-left: 5px !important;
}

.vc_grid-filter.vc_grid-filter-left > .vc_grid-filter-item {
	margin-left: 0 !important;
	margin-right: 10px;
}

.vc_grid-filter.vc_grid-filter-right > .vc_grid-filter-item {
	margin-left: 10px !important;
	margin-right: 0;
}

.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
	background-color: rgba(0,0,0,0.05);
	color: #555;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	padding-bottom: 5px;
	padding-right: 9px;
	padding-top: 6px;
}
@media only screen and (max-width: 991px) {
	.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
		font-size: 12px;
	}
}
@media only screen and (max-width: 567px) {
	.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
		font-size: 11px;
	}
}

.vc_grid-filter-select .vc_grid-styled-select select {
	display: none;
}
/* end - filter */
/* end - post grid */
/* end - visual composer */

/* wpml */
.wpml-ls-legacy-list-horizontal {
	padding: 0;
}

.wpml-ls-legacy-list-horizontal a {
	display: inline-block;
	padding-right: 0 !important;
}

.wpml-ls-legacy-list-horizontal > ul {
	line-height: 1.3em;
}

.wpml-ls-statics-shortcode_actions a {
	letter-spacing: 3px;
	padding-bottom: 14px;
	padding-top: 12px;
}

.wpml-ls-statics-shortcode_actions a:active,
.wpml-ls-statics-shortcode_actions a:focus {
	color: #D7D7D7;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
	margin-left: 8px;
}

.wpml-ls-item-en {
	font-family: "Raleway";
}

.wpml-ls-item-zh-hans,
.wpml-ls-item-zh-hant {
	font-family: "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
}

#jas-mobile-menu {
	margin-top: 40px;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.menu-opened #jas-mobile-menu {
	margin-top: 0;
	filter: alpha(opacity=1090);
	opacity: 1;
}

/*
#jas-mobile-menu ul li.wpml-ls-item-en a,
.wpml-ls-statics-shortcode_actions li.wpml-ls-item-en a {
	font-size: 14px;
}
*/

#jas-mobile-menu ul li.wpml-ls-item-zh-hans a,
#jas-mobile-menu ul li.wpml-ls-item-zh-hant a,
.wpml-ls-statics-shortcode_actions li.wpml-ls-item-zh-hans a,
.wpml-ls-statics-shortcode_actions li.wpml-ls-item-zh-hant a {
	/* font-size: 14px; */
}

.wpml-ls-statics-shortcode_actions li:before {
	background: #FFF;
	content: "";
	float: left;
	height: 13px;
	margin-top: 14px;
	width: 1px;
}

.wpml-ls-statics-shortcode_actions li.wpml-ls-item-en:before {
	margin-top: 15px;
}

.wpml-ls-statics-shortcode_actions li:first-child:before {
	display: none;
}
/* end - wpml */
/* end - plugins */

/* others */
.align-bottom {
	vertical-align: middle;
}

.align-center {
	text-align: center;
}

.bg-cover {
	background-size: cover;
}

@media only screen and (min-width: 62em) {
	.bg-fixed {
		background-attachment: fixed !important;
	}
}

.box-shadow-10,
.box-shadow-20,
.box-shadow-30,
.box-shadow-40,
.box-shadow-50,
.box-shadow-60,
.box-shadow-70,
.box-shadow-80,
.box-shadow-90 {
	position: relative;
}

.box-shadow-10:before,
.box-shadow-20:before,
.box-shadow-30:before,
.box-shadow-40:before,
.box-shadow-50:before,
.box-shadow-60:before,
.box-shadow-70:before,
.box-shadow-80:before,
.box-shadow-90:before {
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.box-shadow-10:before {	background: rgba(0,0,0,0.1); }
.box-shadow-20:before {	background: rgba(0,0,0,0.2); }
.box-shadow-30:before {	background: rgba(0,0,0,0.3); }
.box-shadow-40:before {	background: rgba(0,0,0,0.4); }
.box-shadow-50:before {	background: rgba(0,0,0,0.5); }
.box-shadow-60:before {	background: rgba(0,0,0,0.6); }
.box-shadow-70:before {	background: rgba(0,0,0,0.7); }
.box-shadow-80:before {	background: rgba(0,0,0,0.8); }
.box-shadow-90:before {	background: rgba(0,0,0,0.9); }

.display-none,
.display-none * {
	display: none;
}

.font-size-l,
.font-size-l li,
.font-size-l p,
.font-size-l span,
.font-size-l td,
.font-size-l th {
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 0.6em;
}
@media only screen and (max-width: 991px) {
	.font-size-l,
	.font-size-l li,
	.font-size-l p,
	.font-size-l span,
	.font-size-l td,
	.font-size-l th {
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.font-size-l,
	.font-size-l li,
	.font-size-l p,
	.font-size-l span,
	.font-size-l td,
	.font-size-l th {
		font-size: 14px;
	}
}
@media only screen and (max-width: 567px) {
	.font-size-l,
	.font-size-l li,
	.font-size-l p,
	.font-size-l span,
	.font-size-l td,
	.font-size-l th {
		font-size: 13px;
	}
}

.font-size-m,
.font-size-m a,
.font-size-m li,
.font-size-m p,
.font-size-m span,
.font-size-m td,
.font-size-m th {
	font-size: 14px;
}
@media only screen and (max-width: 991px) {
	.font-size-m,
	.font-size-m a,
	.font-size-m li,
	.font-size-m p,
	.font-size-m span,
	.font-size-m td,
	.font-size-m th {
		font-size: 13px;
	}
}
@media only screen and (max-width: 767px) {
	.font-size-m,
	.font-size-m a,
	.font-size-m li,
	.font-size-m p,
	.font-size-m span,
	.font-size-m td,
	.font-size-m th {
		font-size: 12px;
	}
}
@media only screen and (max-width: 567px) {
	.font-size-m,
	.font-size-m a,
	.font-size-m li,
	.font-size-m p,
	.font-size-m span,
	.font-size-m td,
	.font-size-m th {
		font-size: 11px;
	}
}

.font-size-s,
.font-size-s li,
.font-size-s p,
.font-size-s span,
.font-size-s td,
.font-size-s th {
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 0.6em;
}
@media only screen and (max-width: 991px) {
	.font-size-s,
	.font-size-s li,
	.font-size-s p,
	.font-size-s span,
	.font-size-s td,
	.font-size-s th {
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.font-size-s,
	.font-size-s li,
	.font-size-s p,
	.font-size-s span,
	.font-size-s td,
	.font-size-s th {
		font-size: 11px;
	}
}
@media only screen and (max-width: 567px) {
	.font-size-s,
	.font-size-s li,
	.font-size-s p,
	.font-size-s span,
	.font-size-s td,
	.font-size-s th {
		font-size: 10px;
	}
}

.font-size-xl,
.font-size-xl a,
.font-size-xl li,
.font-size-xl p,
.font-size-xl span,
.font-size-xl td,
.font-size-xl th {
	font-size: 18px;
}
@media only screen and (max-width: 991px) {
	.font-size-xl,
	.font-size-xl a,
	.font-size-xl li,
	.font-size-xl p,
	.font-size-xl span,
	.font-size-xl td,
	.font-size-xl th {
		font-size: 17px;
	}
}
@media only screen and (max-width: 767px) {
	.font-size-xl,
	.font-size-xl a,
	.font-size-xl li,
	.font-size-xl p,
	.font-size-xl span,
	.font-size-xl td,
	.font-size-xl th {
		font-size: 16px;
	}
}
@media only screen and (max-width: 567px) {
	.font-size-xl,
	.font-size-xl a,
	.font-size-xl li,
	.font-size-xl p,
	.font-size-xl span,
	.font-size-xl td,
	.font-size-xl th {
		font-size: 15px;
	}
}

.font-size-xs,
.font-size-xs a,
.font-size-xs li,
.font-size-xs p,
.font-size-xs span,
.font-size-xs td,
.font-size-xs th {
	font-size: 11px;
	line-height: 1em;
	margin-bottom: 0.6em;
}
@media only screen and (max-width: 991px) {
	.font-size-xs,
	.font-size-xs a,
	.font-size-xs li,
	.font-size-xs p,
	.font-size-xs span,
	.font-size-xs td,
	.font-size-xs th {
		font-size: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.font-size-xs,
	.font-size-xs a,
	.font-size-xs li,
	.font-size-xs p,
	.font-size-xs span,
	.font-size-xs td,
	.font-size-xs th {
		font-size: 9px;
	}
}
@media only screen and (max-width: 567px) {
	.font-size-xs,
	.font-size-xs a,
	.font-size-xs li,
	.font-size-xs p,
	.font-size-xs span,
	.font-size-xs td,
	.font-size-xs th {
		font-size: 8px;
	}
}

.font-size-xxl,
.font-size-xxl a,
.font-size-xxl li,
.font-size-xxl p,
.font-size-xxl span,
.font-size-xxl td,
.font-size-xxl th {
	font-size: 24px;
}
@media only screen and (max-width: 991px) {
	.font-size-xxl,
	.font-size-xxl a,
	.font-size-xxl li,
	.font-size-xxl p,
	.font-size-xxl span,
	.font-size-xxl td,
	.font-size-xxl th {
		font-size: 23px;
	}
}
@media only screen and (max-width: 767px) {
	.font-size-xxl,
	.font-size-xxl a,
	.font-size-xxl li,
	.font-size-xxl p,
	.font-size-xxl span,
	.font-size-xxl td,
	.font-size-xxl th {
		font-size: 22px;
	}
}
@media only screen and (max-width: 567px) {
	.font-size-xxl,
	.font-size-xxl a,
	.font-size-xxl li,
	.font-size-xxl p,
	.font-size-xxl span,
	.font-size-xxl td,
	.font-size-xxl th {
		font-size: 21px;
	}
}

.font-weight-bold * {
	font-weight: 700 !important;
}

.font-weight-light *:not(strong) {
	font-weight: 300 !important;
}

.font-weight-normal *:not(strong) {
	font-weight: normal !important
}

.font-weight-xbold * {
	font-weight: 900 !important;
}

.img-fw a,
.img-fw .vc_figure,
.img-fw .vc_single_image-wrapper {
	display: block;
}

.img-fw img {
	width: 100%;
}

.img-shadow-10 a:before,
.img-shadow-20 a:before,
.img-shadow-30 a:before,
.img-shadow-40 a:before,
.img-shadow-50 a:before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 9;
}

.img-shadow-10 a:before {
	background-color: rgba(0,0,0,0.1);
}

.img-shadow-20 a:before {
	background-color: rgba(0,0,0,0.2);
}

.img-shadow-30 a:before {
	background-color: rgba(0,0,0,0.3);
}

.img-shadow-40 a:before {
	background-color: rgba(0,0,0,0.4);
}

.img-shadow-50 a:before {
	background-color: rgba(0,0,0,0.5);
}

.line-height-l * {
	line-height: 1.8em;
}
@media only screen and (max-width: 991px) {
	.line-height-l * {
		line-height: 1.7em;
	}
}
@media only screen and (max-width: 767px) {
	.line-height-l * {
		line-height: 1.5em;
	}
}
@media only screen and (max-width: 567px) {
	.line-height-l * {
		line-height: 1.4em;
	}
}

.line-height-m * {
	line-height: 1.3em;
}

.line-height-s * {
	line-height: 1em;
}

.line-height-xl * {
	line-height: 2.2em;
}
@media only screen and (max-width: 991px) {
	.line-height-xl * {
		line-height: 2.1em;
	}
}
@media only screen and (max-width: 767px) {
	.line-height-xl * {
		line-height: 1.9em;
	}
}
@media only screen and (max-width: 567px) {
	.line-height-xl * {
		line-height: 1.7em;
	}
}

.mb-0,
.mb-0.wpb_content_element,
.mb-0 * {
	margin-bottom: 0 !important;
}

.mt-0,
.mt-0.wpb_content_element,
.mt-0 * {
	margin-top: 0 !important;
}

.nowrap {
	white-space: nowrap;
}

.pb-0,
.pb-0.wpb_content_element,
.pb-0 * {
	padding-bottom: 0 !important;
}

@media only screen and (min-width: 48em) {
	.pl-0 > div,
	.pl-0.vc_column_container > .vc_column-inner {
		padding-left: 0;
	}
	
	.pr-0 > div,
	.pr-0.vc_column_container > .vc_column-inner {
		padding-right: 0;
	}
}

.pt-0,
.pt-0.wpb_content_element,
.pt-0 * {
	padding-top: 0 !important;
}

.seg {
	padding-right: 6px;
}
@media only screen and (max-width: 767px) {
	.seg {
		display: inline-block;
		padding-left: 3px;
		padding-right: 3px;
		width: 100%;
	}
}

.text-shadow {
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.text-shadow-10 {
	text-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.text-shadow-20 {
	text-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.text-shadow-30 {
	text-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.text-shadow-40 {
	text-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.text-shadow-50 {
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.tbl {
	overflow-x: auto;
}

.tbl.tbl-info table {
	min-width: 500px;
}

.tbl tr:not(:last-child) > td {
	border-bottom: 1px solid #FFF;
}

.tbl tr td,
.tbl tr th {
	padding-left: 15px;
	padding-right: 15px;
}

.tbl tr td td,
.tbl tr th th {
	padding-left: 0;
	padding-right: 0;
}

.tbl table table tr td,
.tbl table table tr:nth-child(2n+1) td {
	background-color: transparent;
}

.tbl tr th {
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 10px;
	padding-top: 10px;
	vertical-align: middle;
}
@media only screen and (max-width: 991px) {
	.tbl tr th {
		font-size: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.tbl tr th {
		font-size: 14px;
	}
}
@media only screen and (max-width: 567px) {
	.tbl tr th {
		font-size: 13px;
	}
}

.tbl-green tr td {
	background-color: #F2F9EC;
}
.tbl-purple tr td {
	background-color: #E8E7F6;
}

.tbl-green tr:nth-child(2n+1) td {
	background-color: #DCEDCB;
}
.tbl-purple tr:nth-child(2n+1) td {
	background-color: #D0CCEF;
}

.tbl-green tr th {
	background-color: #88B996;
}
.tbl-purple tr th {
	background-color: #656093;
}

.uppercase * {
	text-transform: uppercase;
}

/* color */
.black,
.black *:not([style*="color"]) {
	color: #4D5959 !important;
}

.blue,
.blue *:not([style*="color"]) {
	 color: #0072B6 !important;
}

.brown,
.brown *:not([style*="color"]) {
	 color: #B59677 !important;
}

.dark-blue,
.dark-blue *:not([style*="color"]) {
	 color: #1B5D7E !important;
}

.golden,
.golden *:not([style*="color"]) {
	 color: #CCB59A !important;
}

.grey,
.grey *:not([style*="color"]) {
	 color: #777 !important;
}

.light-blue,
.light-blue *:not([style*="color"]) {
	 color: #4FAADB !important;
}

.red,
.red *:not([style*="color"]) {
	 color: #E9402F !important;
}

.turquoise,
.turquoise *:not([style*="color"]) {
	 color: #3DBAC1 !important;
}

.white,
.white *:not([style*="color"]) {
	 color: #FFF !important;
}

.black *[style*="color"] *,
.blue *[style*="color"] *,
.brown *[style*="color"] *,
.dark-blue *[style*="color"] *,
.golden *[style*="color"] *,
.green *[style*="color"] *,
.grey *[style*="color"] *,
.light-blue *[style*="color"] *,
.purple *[style*="color"] *,
.red *[style*="color"] *,
.turquoise *[style*="color"] *,
.white *[style*="color"] * {
	 color: inherit !important;
}
/* end - color */
/* end - others */

/* website */
@media only screen and (min-width: 48em) {
	.copyright {
		/*text-align: right;*/
	}
}

@media only screen and (min-width: 48em) {
	.header-line > div > *:after {
		background-color: #5FB211;
		content: "";
		display: inline-block;
		height: 1px;
		left: 12px;
		margin-top: -10px;
		position: relative;
		top: -8px;
		width: 5%;
	}
	
	.header-line > div > *:before {
		background-color: #5FB211;
		content: "";
		display: inline-block;
		height: 1px;
		right: 15px;
		margin-top: -10px;
		position: relative;
		top: -8px;
		width: 5%;
	}
}

.jas-menu li.header-menu-none {
	display: none;
}

.menu-txt-white #jas-header,
.menu-txt-white .header-sticky .header__mid,
body.post-type-archive-portfolio .header-sticky .header__mid {
	background-color: #000;
}

.menu-txt-white .jas-menu > li > a,
.menu-txt-white .header-sticky .jas-menu li > a:hover,
.menu-txt-white .header-sticky .jas-menu li.current-menu-ancestor > a,
.menu-txt-white .header-sticky .jas-menu li.current-menu-item > a,
.menu-txt-white .header-sticky .jas-account-menu a:hover,
.menu-txt-white .jas-menu ul li > a,
.menu-txt-white .jas-menu ul li > a:hover,
.menu-txt-white .jas-menu ul li.current-menu-ancestor > a,
.menu-txt-white .jas-menu ul li.current-menu-item > a {
    color: #FFF;
}

.menu-txt-white .jas-menu ul li {
	background: rgba(0, 0, 0, 0.85);
}

.jas-promotion.pro-banner-green .pa,
.jas-promotion.pro-banner-purple .pa,
.jas-promotion.pro-banner-red .pa {
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100%;
}

.jas-promotion.pro-banner-green.bottom .pa,
.jas-promotion.pro-banner-purple.bottom .pa,
.jas-promotion.pro-banner-red.bottom .pa {
	bottom: 0;
}

.jas-promotion.pro-banner-green.top .pa,
.jas-promotion.pro-banner-purple.top .pa,
.jas-promotion.pro-banner-red.top .pa {
	top: 0;
}

.jas-promotion.pro-banner-green .pa:before,
.jas-promotion.pro-banner-purple .pa:before,
.jas-promotion.pro-banner-red .pa:before {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 100%;
	z-index: -1;
}

.jas-promotion.pro-banner-green .pa:before {
	background-color: rgba(148,193,30,0.7);
}

.jas-promotion.pro-banner-purple .pa:before {
	background-color: rgba(149,27,129,0.7);
}

.jas-promotion.pro-banner-red .pa:before {
	background-color: rgba(232,71,105,0.7);
}

.logo .vc_column-inner > .wpb_wrapper {
	text-align: center;
}

.logo .wpb_single_image {
	display: inline-block;
	width: 180px;
}
@media only screen and (max-width: 767px) {
	.logo .wpb_single_image {
		width: 170px;
	}
}

.logo .wpb_single_image img {
	max-height: 100%;
	max-width: 80%;
	vertical-align: middle;
	width: auto;
}

.logo .wpb_single_image .vc_single_image-wrapper {
	display: table-cell;
	height: 80px;
	vertical-align: middle;
	width: 100%;
}

.page-head-info h1 {
	color: #707070;
	font-size: 36px;
	font-weight: 300;
	line-height: 1.5em;
	text-transform: none;
}
@media only screen and (max-width: 991px) {
	.page-head-info h1 {	font-size: 32px; }
}
@media only screen and (max-width: 767px) {
	.page-head-info h1 {	font-size: 28px; }
}
@media only screen and (max-width: 567px) {
	.page-head-info h1 {	font-size: 22px; }
}

.page-head-info > div > div {
	margin-bottom: 15px;
} 

.page-head-info span {
	font-family: "Tajawal", sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
}

@media only screen and (max-width: 991px) {
	.page-head-info span {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.page-head-info span {
		font-size: 13px;
	}
}
@media only screen and (max-width: 567px) {
	.page-head-info span {
		font-size: 12px;
	}
}

.page-head-info span:first-child {
	font-weight: bold;
}

.portfolio-cat > span {
	font-size: 15px;
	letter-spacing: 1px;
}
@media only screen and (max-width: 991px) {
	.portfolio-cat > span {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.portfolio-cat > span {
		font-size: 13px;
	}
}
@media only screen and (max-width: 567px) {
	.portfolio-cat > span {
		font-size: 12px;
	}
}

.portfolio-cat > span:first-child {
	font-weight: bold;
}

.portfolio-cat > span:not(:first-child) {
	margin-left: 10px;
}

.menu-txt-black .regular-logo {
	display: block;
}

.menu-txt-black .retina-logo {
	display: none;
}

.menu-txt-white .regular-logo {
	display: none;
}

.menu-txt-white .retina-logo {
	display: block;
}

.s-slider.slider-bg .jas-slider-caption {
	background: rgba(181,150,119,0.75);
	padding: 25px 35px 30px;
}
@media only screen and (max-width: 767px) {
	.s-slider.slider-bg .jas-slider-caption {
		padding: 15px 20px 20px;
	}
}
@media only screen and (max-width: 567px) {
	.s-slider.slider-bg .jas-slider-caption {
		padding: 8px 10px 13px;
	}
}
@media only screen and (min-width: 768px) {
	.s-slider.slider-bg .jas-slider-caption {
		min-width: 500px;
	}
}

@media only screen and (max-width: 767px) {
	.s-slider .jas-slider-caption h3 { font-size: 16px; }
	.s-slider .jas-slider-caption h4 { font-size: 14px; }
}
@media only screen and (max-width: 567px) {
	.s-slider .jas-slider-caption h3 { font-size: 12px; }
	.s-slider .jas-slider-caption h4 { font-size: 10px; }
}

.s-slider .jas-slider-caption h3 {
	letter-spacing: 3px;
	margin-bottom: 15px;
	padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
	.s-slider .jas-slider-caption h3 {
		letter-spacing: 1px;
		margin-bottom: 5px;
		padding-bottom: 13px;
	}
}

.s-slider.slider-sep .jas-slider-caption h3 {
	background: url(../../gecko/assets/images/title-bg.png) center bottom no-repeat;
	background-size: contain;
}

.slick-dots li button:before {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.slick-dots li.slick-active button:before {
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.white .slick-dots li.slick-active button:before {
	color: #FFF;
}

.s-slider .slick-next,
.s-slider .slick-prev {
	-ms-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	background-color: transparent;
	border: 0;
	text-align: left;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
	.s-slider .slick-next,
	.s-slider .slick-prev {
		display: none !important;
	}
}

.s-slider .slick-next {
	right: 15px;
	text-align: right;
}

.s-slider .slick-prev {
	left: 15px;
	text-align: left;
}

.s-slider .slick-next:before,
.s-slider .slick-prev:before {
	font-size: 70px;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}

.s-slider .slick-next:before {
	margin-left: -10px;
}

.s-slider .slick-prev:before {
	margin-left: -25px;
}
/* end - website */


.advs-title{
	padding: 0 45px;
}

@media only screen and (max-width: 767px) {
	.advs-title{
		padding: 0 20px;
	}
}

@media only screen and (max-width: 576px) {
	.advs-title{
		padding: 0 15px;
	}
}
.vc_toggle_title>h4 {  
	font-size: 16px;
}
.vc_toggle_default .vc_toggle_content {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.vc_toggle_default .vc_toggle_content p:last-child {
	margin-bottom: 0;
}
.vc_toggle_default.vc_toggle {
	margin: 0 0 .5rem 0;
}

.archive.post-type-archive .page-head{ padding-top: 170px;}
.archive.post-type-archive .page-head h1{ font-size: 24px; display: block; margin-bottom: 0; line-height: 1.428; font-family: Raleway, sans-serif;}
.archive.post-type-archive .page-head p{ font-size: 24px; font-weight: 700; display: block; font-family: Raleway, sans-serif;}
@media only screen and (max-width: 767px){
.archive.post-type-archive .page-head{ padding-bottom: 40px;padding-top: 90px;}
.archive.post-type-archive .page-head h1, .archive.post-type-archive .page-head p { font-size: 20px;}
}
.vc_grid-filter.vc_grid-filter-default:before{ content: "sort by || "; font-size: 13px; font-weight: 700; display: inline; color: #707070;}
.vc_grid-filter.vc_grid-filter-default .vc_grid-filter-item{ font-weight: 700; margin-right:0px;}
.vc_grid-filter.vc_grid-filter-default .vc_grid-filter-item:after{ content:"/"; margin-left:10px;}
.vc_grid-filter.vc_grid-filter-default .vc_grid-filter-item:last-child:after{ display:none;}
.vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item:hover, .vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item.vc_active{ background: none;}
.vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item.vc_active>span, .vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item:hover>span,.vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item>span{ color: #707070;}


.portfolio-filter:before{ content: "sort by || "; font-size: 13px; font-weight: 700; display: inline; color: #fff;}
.portfolio-filter{ font-size: 13px; font-weight: 700; max-width: 1320px; padding: 0 15px; text-align:left; margin:0 auto;}
.portfolio-filter a{ color:#fff!important; background:none!important;  margin-right:0px; margin-left:0; padding: 5px 5px 5px 0px;}
.portfolio-filter a:after{ content:"/"; margin-left:10px;}
.portfolio-filter a:last-child:after{ display:none;}
@media only screen and (max-width: 767px){
.portfolio-filter{
    font-size: 13px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.portfolio-filter:before{ margin-right: 10px;}
.portfolio-filter a{ margin-left:0; padding-left:0; margin-bottom:0; padding-bottom:0;}
}

#filter .vc_grid-filter:not(.vc_gitem-post-data) {
    display: block!important;
}