/* arabic Almarai google font*/
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Almarai Light'), local('Almarai-Light'), url(https://fonts.gstatic.com/s/almarai/v2/tssoApxBaigK_hnnS_antnqWo572.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Almarai'), local('Almarai-Regular'), url(https://fonts.gstatic.com/s/almarai/v2/tsstApxBaigK_hnnQ1iFo0C3.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  /*font-weight: 700;*/
  font-weight: 500;
  font-display: swap;
  src: local('Almarai Bold'), local('Almarai-Bold'), url(https://fonts.gstatic.com/s/almarai/v2/tssoApxBaigK_hnnS-agtnqWo572.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  /*font-weight: 800;*/
  font-weight: bold;
  font-display: swap;
  src: local('Almarai ExtraBold'), local('Almarai-ExtraBold'), url(https://fonts.gstatic.com/s/almarai/v2/tssoApxBaigK_hnnS_qjtnqWo572.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}

.navbar .brand,
.navbar .nav>li>a,
.navbar-search, .uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle{
	padding: 0 7px !important;
    font-size: 24px !important;
    min-height: 55px !important;
}
.uk-navbar-nav>li>a{
	padding: 0 10px !important;
    font-size: 23px !important;
}
.uk-navbar-nav>li>a{
	color: #555 !important;
    font-weight: 500 !important;
    transition: color 300ms, background-color 0ms;
}
.uk-navbar-nav>li:hover>a{
	color: #FE8400 !important;
}
.uk-navbar-nav>li.uk-active>a{
	color: #FE8400 !important;
}
.uk-navbar-nav>li.uk-parent>a.uk-open{
	background: #8BB049;
	color: #FE8400 !important;
	color: #fff !important;
}
.navbar .nav>li>.dropdown-menu,
.uk-navbar-dropdown{
	padding: 20px !important;
	background: #8BB049 !important;
	box-shadow: 0px 8px 18px -3px rgba(0, 0, 0, 0.45);
}
.uk-navbar-nav .uk-navbar-dropdown{
	margin-top: 0px !important;
}
.uk-navbar-nav .uk-navbar-dropdown-nav>li>a {
    color: #C5D8A4;
    color: rgba(255,255,255,0.6);
    padding: 0px 0;
    font-size: 21px;
    transition: 300ms;
}
.uk-navbar-nav .uk-navbar-dropdown-nav>li:hover>a{
	color: #fff;
	padding-left: 5px;
}
.uk-navbar-dropdown-nav>li.uk-active>a {
    color: #fff !important;
}
.uk-logo{
	margin-top: -30px;
	margin-left: 80px;
}
ul.saz_language_change{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
    top: 0px;
    right: 0px;
    width: 135px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
ul.saz_language_change li{
	display: inline-block;
}
ul.saz_language_change li a{
	font-family: Oswald;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    padding: 0px 12px 5px;
    display: inline-block;
    transition: 300ms;
    background: #FE8400;
	background: #8BB049;
}
ul.saz_language_change li:hover a{
	padding: 5px 12px 15px;
	background: #FE8400;
}
.tm-header{
	margin-top: 45px;
}
.uk-navbar-container{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.uk-navbar .uk-search-default{
	width: auto;
    overflow: hidden;
    margin-right: 8px;
}
.uk-navbar .uk-search-default input.uk-search-input{
	width: 50px;
	transition: 300ms;
	font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    background: transparent;
}
.uk-navbar .uk-search-default:hover input.uk-search-input{
	width: 180px;
	background-color: #EFF1F0;
}
.uk-navbar .uk-search-default input.uk-search-input:focus{
	width: 180px;
	background-color: #EFF1F0;
}
.tm-page{
	background: url(../images/bg.png);
    background-position: top left;
    background-size: contain;
	background-repeat: no-repeat;
	background-size: cover;
    background-attachment: fixed;
}
.tm-toolbar-default {
    background: transparent !important;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
    background: transparent !important;
}
.saz-background-transparent{
	background: transparent !important;
}
.uk-slideshow .uk-slidenav-container .el-slidenav{
    background: rgba(139, 176, 73, 0.6) !important;
    color: rgba(255,255,255,0.8) !important;
    padding: 15px 13px;
}
.uk-slideshow .uk-slidenav-container .el-slidenav:hover{
	background: #8BB049 !important;
	color: #fff !important; 
}
.uk-button{
	font-size: 20px !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
}
.uk-button-small{
	font-size: 17px !important;
}
.uk-dropcap:first-letter,
.uk-dropcap>p:first-of-type:first-letter{
	font-size: 3.4em !important;
    font-weight: normal;
    margin-top: -15px;
}

.uk-tooltip{
	padding: 0px !important;
}
/******* product *****/
.categories-list{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: center;*/
    margin-left: -40px;
}
.categories-list > div{
	width: 33.3333%;
	padding-left: 40px;
	margin-bottom: 40px;
	box-sizing: border-box;
}
#saz-applications > .uk-grid{
	justify-content: center;
}
#saz-applications .el-item,
.wk-grid .wk-panel,
#tm-main .uk-grid > div > article.uk-article,
.saz-category{
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.075);
	text-align: center;
    box-sizing: border-box;
    padding-bottom: 10px;
}
#saz-applications .el-item > a,
.wk-grid .wk-panel > div:nth-child(1),
#tm-main .uk-grid > div > article.uk-article div[property="image"] a,
.saz-category a.item-image{
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}
.wk-grid .wk-panel > div:nth-child(1) .wk-overlay{
	width: 100%;
}
.wk-grid .wk-panel > div:nth-child(1) .wk-overlay img,
#saz-applications .el-item > a img,
#tm-main .uk-grid > div > article.uk-article div[property="image"] a img,
.saz-category a.item-image img{
	-webkit-transform: scale(1);
    transform: scale(1);
    transition: 300ms;
    width: 100%;
}
#saz-applications .el-item > a:hover img,
#tm-main .uk-grid > div > article.uk-article div[property="image"] a:hover img,
.saz-category a.item-image:hover img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#saz-applications .el-item .el-title,
.wk-grid .wk-panel .wk-h4,
#tm-main .uk-grid > div > article.uk-article .uk-h3,
.saz-category .item-title{
    padding: 0px !important;
    margin: 10px 0px !important;
    border: none;
    font-size: 28px;
    font-weight: normal;
}
#saz-applications .el-item .el-title a,
.wk-grid .wk-panel .wk-h4 a,
#tm-main .uk-grid > div > article.uk-article .uk-h3 a,
.saz-category .item-title a{
	display: inline-block;
	color: #000;
	transition: 300ms;
}
#saz-applications .el-item .el-title:hover,
.wk-grid .wk-panel .wk-h4 a:hover,
#tm-main .uk-grid > div > article.uk-article .uk-h3 a:hover,
.saz-category .item-title a:hover{
	color: #FE8400;
}
#saz-applications .el-item .el-content,
.wk-grid .wk-panel > div:nth-child(3),
#tm-main .uk-grid > div > article.uk-article div[property="text"],
.saz-category .category-desc{
	padding: 0px 10px !important;
    margin: 10px 0px !important;
}
#saz-applications .el-item .el-content p,
.wk-grid .wk-panel > div:nth-child(3) p,
#tm-main .uk-grid > div > article.uk-article div[property="text"] p,
.saz-category .category-desc p{
	margin: 0px;
}
#tm-main,
#tm-top{
	background-color: transparent;
}
#tm-main{
	padding-bottom: 30px;
}
#tm-bottom{
	background: #a2a2a2;
	padding: 10px 0px;
}
#tm-bottom .uk-breadcrumb>*>*{
	color: #fff;
    font-family: inherit;
}
#tm-bottom .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column):before{
	color: #fff;
	margin: 0px 10px;
}
#tm-bottom .uk-breadcrumb>:last-child>*{
	color: #eee;
}
.wk-grid{
	-webkit-animation: saz-slide-anim 400ms ease-in-out forwards;
    animation: saz-slide-anim 400ms ease-in-out forwards;
}
@keyframes saz-slide-anim {
	0%{
		opacity: 0;
    	transform: translateY(15px);
    }
    100%{
    	opacity: 1;
    	transform: translateY(0px);
    }
}
.uk-checkbox, .uk-radio,
input[type=checkbox]:not([class*=uk-]),
input[type=radio]:not([class*=uk-]){
	border-color: #ccc !important;
}
.saz-products-page,
.saz-applications-page{
	
}
/* artilce in category*/
.saz-applications-page #tm-main .uk-container > .uk-grid .uk-article,
.saz-products-page #tm-main .uk-container > .uk-grid .uk-article{
	/*border: 1px solid red;*/
}
.saz-applications-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container,
.saz-products-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container{
	margin: 10px 0px;
}
.saz-applications-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container dd,
.saz-products-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container dd{
	display: none;
}
.saz-applications-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container dd .field-label,
.saz-products-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container dd .field-label{
	display: none;
}
.saz-applications-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container dd:nth-child(2),
.saz-products-page #tm-main .uk-container > .uk-grid .uk-article dl.fields-container dd:nth-child(2){
	display: block;
}
.saz-applications-page #tm-main .uk-container > .uk-grid .uk-article div[property="text"],
.saz-products-page #tm-main .uk-container > .uk-grid .uk-article div[property="text"]{
 	display: none;
}
/* article */
.saz-applications-page #tm-main .uk-container > .uk-article,
.saz-products-page #tm-main .uk-container > .uk-article{
	/*border: 1px solid blue;*/
}
.saz-applications-page #tm-main .uk-container > .uk-article dl.fields-container,
.saz-products-page #tm-main .uk-container > .uk-article dl.fields-container{
	display: flex;
	flex-wrap: wrap;
	margin-left: -40px;
}
.saz-applications-page #tm-main .uk-container > .uk-article dl.fields-container dd,
.saz-products-page #tm-main .uk-container > .uk-article dl.fields-container dd{
	width: 50%;
	padding-left: 40px;
	margin-bottom: 20px;
    box-sizing: border-box;
}
.saz-applications-page #tm-main .uk-container > .uk-article dl.fields-container dd:nth-child(1),
.saz-products-page #tm-main .uk-container > .uk-article dl.fields-container dd:nth-child(1){
	width: 100%;
}
.saz-applications-page #tm-main .uk-container > .uk-article dl.fields-container dd .field-label,
.saz-products-page #tm-main .uk-container > .uk-article dl.fields-container dd .field-label {
	font-weight: bold;
	border-left: 4px solid #8BB049;
    padding: 0px 10px;
    display: inline-block;
}
.saz-applications-page #tm-main .uk-container > .uk-article dl.fields-container dd .field-value,
.saz-products-page #tm-main .uk-container > .uk-article dl.fields-container dd .field-value{
	display: inline-block;
}
.saz-applications-page #tm-main .uk-container > .uk-article .uk-article-title,
.saz-products-page #tm-main .uk-container > .uk-article .uk-article-title{
	margin-top: 30px !important;
}
.saz-applications-page #tm-main .uk-container > .uk-article div[property="text"],
.saz-products-page #tm-main .uk-container > .uk-article div[property="text"]{
	margin-top: 20px !important;
}
/**************/
.saz-related{
	
}
.raxo-related-articles .raxo-itemsbox{
	display: flex;
    flex-wrap: wrap;
    margin: 0px -65px 30px;
}
.raxo-related-articles .raxo-itemsbox .raxo-item{
    border: none;
    padding: 0px;
    width: calc(33.333% - 30px);
    margin: 0px 15px 20px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.075);
    text-align: center;
}
.raxo-related-articles .raxo-img{
	overflow: hidden;
}
.raxo-related-articles .raxo-img img{
	float: none;
    margin: 0px;
    padding: 0px;
    border: none;
    width: 100%;
    border-radius: 0px;
    transition: 300ms;
}
.raxo-related-articles .raxo-img:hover img{
	transform: scale(1.1);
}
.raxo-related-articles .raxo-item > h4.raxo-title{
	margin: 0px !important;
    border: none;
    font-size: 22px;
    font-weight: normal;
    font-family: Oswald;
    line-height: 1.35;
}
.raxo-related-articles .raxo-title a{
	font-weight: inherit;
	color: #000 !important;
    text-decoration: none !important;
    display: block;
    padding: 10px 0px 13px;
    border: none !important;
    transition: 300ms;
}
.raxo-related-articles .raxo-title a:hover{
	color: #FE8400 !important;
}
.raxo-after-content .moduletable > h3{
	font-size: 28px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
}
/****************** rtl *******************************/
ul.saz_language_change li a{
	font-family: Oswald,Almarai; letter-spacing: 0px;
}
[dir="rtl"] .navbar .brand, 
[dir="rtl"] .navbar .nav>li>a, 
[dir="rtl"] .navbar-search, 
[dir="rtl"] .uk-navbar-item, 
[dir="rtl"] .uk-navbar-nav>li>a, 
[dir="rtl"] .uk-navbar-toggle{
	font-family: Oswald,Almarai; letter-spacing: 0px;	
}
[dir="rtl"] .uk-navbar-nav>li>a{
	font-size: 21px !important;
}
[dir="rtl"] .uk-nav-primary{
	font-family: Oswald,Almarai; letter-spacing: 0px;	
}
[dir="rtl"] .uk-search-default .uk-search-input{
	font-family: Oswald,Almarai; letter-spacing: 0px;
}
[dir="rtl"] .uk-navbar-dropdown-nav{
	font-family: Oswald,Almarai; letter-spacing: 0px;
}
[dir="rtl"] .uk-h1, [dir="rtl"] .uk-h2, [dir="rtl"] .uk-h3, [dir="rtl"] .uk-h4, [dir="rtl"] .uk-h5, [dir="rtl"] .uk-h6, [dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6{
	font-family: Oswald,Almarai; letter-spacing: 0px;
}
[dir="rtl"] .btn, [dir="rtl"] .uk-button{
	font-family: Oswald,Almarai; letter-spacing: 0px;
}
[dir="rtl"] .uk-text-meta{
	font-family: Oswald,Almarai; letter-spacing: 0px;
}
/** end of fonts **/
[dir="rtl"] .uk-logo {
    margin-left: unset;
    margin-right: 15px;
}
[dir="rtl"] .uk-navbar .uk-search-default{
	margin-right: unset;
	margin-left: 15px;
}
[dir="rtl"] ul.saz_language_change{
	right: unset;
	left: 0px;
}
[dir="rtl"] ul.uk-navbar-nav li.uk-parent{
	position: relative;
}
[dir="rtl"] ul.uk-navbar-nav li.uk-parent .uk-navbar-dropdown{
	right: 0px;
	left: unset !important;
}
[dir="rtl"] .uk-navbar-nav .uk-navbar-dropdown-nav>li:hover>a{
	padding-left: unset;
	padding-right: 5px;
}
[dir="rtl"] .saz-product-table tr td .title{
	font-family: Oswald,Almarai; letter-spacing: 0px;
	border-left: none;
	border-right: 4px solid #8BB049;
    margin-left: 0px;
    margin-right: -15px;
}
#tm-mobile ul.uk-nav > li.uk-parent {	
	display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
#tm-mobile ul.uk-nav > li.uk-parent > a{
	display: inline-block;
	order: -1;
}
#tm-mobile ul.uk-nav > li.uk-parent:before{
	content: ">";
	width: 35px;
    height: 35px;
    background: #f5f5f5;
    display: inline-block;
    line-height: 30px;
    font-size: 24px;
    transition: 300ms;
    margin: 0px 10px;
    margin-right: -45px;
}
[dir="rtl"] #tm-mobile ul.uk-nav > li.uk-parent:before{
	margin-right: 10px;
	margin-left: -45px;
}
#tm-mobile ul.uk-nav > li.uk-parent ul.uk-nav-sub{
	max-height: 0px;
	width: 100%;
	overflow: hidden;
	transition: 300ms;
	padding: 0px;
    background: #f5f5f5;
}
#tm-mobile ul.uk-nav > li.uk-parent:hover ul.uk-nav-sub{
	max-height: 900px;
}
#tm-mobile ul.uk-nav > li.uk-parent:hover:before{
	transform: rotate(90deg);
}
[dir="rtl"] #tm-mobile ul.uk-nav > li.uk-parent:hover:before{
	transform: rotate(-90deg);
}
/************** responsive *****************/
@media (max-width: 959px){
	.uk-logo {
	    margin-top: 0px;
	    margin-left: 0px;
	}
	.uk-navbar-container:not(.uk-navbar-transparent){
		min-height: 190px;
	}
	.home-products {
		text-align: center;
	}
	.home-slogan .uk-background-fixed {
	    background-attachment: fixed;
	}
	.home-services {
		text-align: center;
	}
	.saz-footer > *{
		background-size: cover !important;
	}
	.saz-footer .uk-container > .uk-grid > div:nth-of-type(2){
		order: -1;
		margin-bottom: 40px;
	}
	.saz-copyright{
		text-align: center;
	}
	.saz-copyright .uk-container > .uk-grid > div{
		margin-top: 10px;
	}
	.saz-copyright .uk-container > .uk-grid > div:nth-of-type(2){
		order: -1;
		margin-top: 0px;
	}
	.uk-modal ul.saz_language_change{
		position: relative;
	    top: unset;
	    right: unset;
	    left: unset;
	    margin: 20px auto 0px;
	    width: 125px;
	}
	.uk-nav-primary>li.uk-active>a {
	    color: #ff8e13 !important;
	}
	.uk-nav-primary .uk-nav-sub a {
	    font-size: 37px;
	    letter-spacing: 0px;
	    font-weight: normal;
	}
	a.uk-navbar-toggle{
		margin: 0px 15px;
	}
	.saz-services-intro{

	}
	.saz-services-list{
		padding: 0px 10%;
		margin-bottom: 60px;
	}
	.saz-services-list .el-container{
		width: 100%;
	}
	.saz-services-list .uk-card .el-content{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	#tm-mobile .uk-nav-primary>li>a{
		line-height: 1.2 !important;
	}
	.wk-grid,
	#saz-applications,
	.categories-list{
		margin: 0px 25px !important;
	}
	.wk-grid > div,
	.categories-list > div {
	    width: 100%;
	    padding-left: 0px;
	}
	.saz-applications-page #tm-main .uk-container > .uk-article dl.fields-container,
	.saz-products-page #tm-main .uk-container > .uk-article dl.fields-container{
		margin: 25px 15px;
	}
	.saz-applications-page #tm-main .uk-container > .uk-article dl.fields-container dd, 
	.saz-products-page #tm-main .uk-container > .uk-article dl.fields-container dd {
	    width: 100%;
	    padding-left: 0px;
	}
	.raxo-related-articles .raxo-itemsbox{
		margin: 0px;
	}
	.raxo-related-articles .raxo-itemsbox .raxo-item{
		width: 100%;
	}
}
.saz-product-table tr td{
	padding: 10px;
    vertical-align: top;
}
.saz-product-table tr td .title{
    display: inline-block;
	font-weight: bold;
    border-left: 4px solid #8BB049;
    padding: 0px 10px;
    margin-left: -15px;
    margin-top: 10px;
}
.saz-product-table tr td .desc{
	display: inline-block;
}
.saz-product-table + p{
	margin-bottom: 0px;
}
@media (max-width: 767px){
	.uk-navbar-container:not(.uk-navbar-transparent){
		min-height: 120px;
	}
	.saz-services-intro br{
		display: none;
	}
	.saz-services-list{
		padding: 0px 15px;
	}
	.saz-services-list .el-container{
		min-height: 300px !important;
	}
	.saz-services-list .el-container .el-title{
		font-size: 20px !important;
		font-weight: normal !important;
	}
	.saz-services-list .uk-card {
    	padding: 20px 15px !important;
    	position: relative;
	}
	.saz-services-list .uk-card .el-title{
		margin-left: 60px;
	}
	.saz-services-list .uk-card .el-image{
		position: absolute;
	    top: 15px;
	    left: 15px;
	}
	[dir="rtl"] .saz-services-list .uk-card .el-title{
		margin-left: 0px;
		margin-right: 60px;
		text-align: right;
	}
	[dir="rtl"] .saz-services-list .uk-card .el-image{
		left: unset;
		right: 15px;
	}
	.saz-services-list {
		margin-bottom: 40px;
	}
}