body, .c-content-title-2 > p, .c-content-title-2 > p.c-font-uppercase, .c-content-blog-post-1 .c-desc {
  font-family: 'Scheherazade', sans-serif;
  font-size: 20px;
}

h1, h2, h3, h4, h5 {
  font-family: 'Tajawal', sans-serif;
  line-height: 45px
}


.c-content-blog-post-1 .c-panel .c-tags > li {
  font-size: 16px;
}
.nav.navbar-nav {
  font-family: 'Tajawal', sans-serif;
}

.c-layout-header .c-brand .c-desktop-logo {
	position: absolute;
    top: 21px;
}

.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-content {
	height: 375px;
}

.c-shop-product-details-2 .c-product-gallery > .c-product-gallery-content > .c-zoom {
	height: 375px;
}

.c-content-recent-posts-1 > li > .c-image {
	padding-top: 5px;
}
.c-content-recent-posts-1 > li > .c-post {
	padding: 0 0
}
.cbp-l-grid-masonry-projects-title {
	text-align: unset;
    margin-top: 0px;
}

.cbp-l-project-details-list {
  margin: 0;
}

.cbp-l-project-desc{
  float: right;
}

.cbp-popup-content{
  text-align: right;
}

.c-content-blog-post-1 .c-panel .c-comments {
	direction: ltr;
}

.c-content-blog-post-1 .c-panel .c-tags {
  float: none;
}

img.c-mobile-logo {
    max-height: 38px !important;
    position: relative;
    bottom: 8px;
	right: 15px;

}

.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo-inverse {
	position: relative;
    top: 15px;
}
.tl-timenav{
	direction: ltr;
}
.tl-storyslider {
	direction: ltr;
}
.tl-slide .tl-slide-content-container .tl-slide-content{
	width: auto !important;
}
.tl-slide .tl-slide-content-container .tl-slide-content .tl-text{
	width: 70%;
}
.background-okamel{
	background-color: #1d303b;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23012336' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2313242c'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
}
.background-blog{
background-color: #cfcfcf;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23c4d4dd'/%3E%3Cstop offset='1' stop-color='%23cfcfcf'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

/* Facets And input */
.facets-widget-checkbox {
    margin: 30px 0;
}

ul.js-facets-checkbox-links.item-list__checkbox.js-facets-widget {
    padding: 0px;
    margin: 0px;
	list-style: none;
}
li.facet-item.c-checkbox {
    padding: 5px 0px;
}

span.facet-item__value {
    margin-inline-start: 5px;
}

a.facets-soft-limit-link {
    color: #ffffff;
    background: #5893dd !important;
    font-size: 14px;
    display: inline-block;
    padding: 3px 15px;
    margin: 10px 0px 20px 0px;
    font-weight: 600;
}

label {
	display: inline;
}
p.facet-item__value {
    display: inline-grid;
    width: 85%;
}
.facet-item__count {
    font-size: 16px;
    display: inline;
    position: absolute;
    padding-inline-start: 5px;
    color: #3f444a;
    float: left;
    left: 20px;
}
input[type="checkbox"], input[type="radio"], input[type="checkbox"]#edit-delete {
    -webkit-appearance: none;
}
input[type=checkbox], input[type=radio], input[type=checkbox]#edit-delete {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 0.25em;
    padding: 0;
    background: #fff;
    border: 1px solid #b5b5b5;
    width: 16px !important;
    height: 16px !important;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: background 0.5s ease;
    outline: none;
}
input[type=checkbox]:checked, input[type=checkbox]:disabled:checked, input[type=checkbox].error:checked, input[type=checkbox].error:focus:checked, input[type=radio]:checked, input[type=radio]:disabled:checked, input[type=radio].error:checked, input[type=radio].error:focus:checked {
    background: #0074bd;
    box-shadow: inset 0 0 0 3px #fff;
}
input[type=checkbox]:hover, input[type=checkbox]:focus, input[type=radio]:hover, input[type=radio]:focus {
    border-color: #0074bd;
    cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input {
    line-height: normal;
}
input[type=checkbox]:hover, input[type=checkbox]:focus, input[type=radio]:hover, input[type=radio]:focus {
    border-color: #0074bd;
    cursor: pointer;
}
/* Facets End */
/* 404 Page */
.error-container {
  text-align: center;
  font-size: 180px;
  font-family: 'Catamaran', sans-serif;
  font-weight: 800;
  margin: 20px 15px;
}
.error-container > span {
  display: inline-block;
  line-height: 0.7;
  position: relative;
  color: #FFB485;
}
.error-container > span {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.error-container > span:nth-of-type(1) {
  color: #D1F2A5;
  animation: colordancing 4s infinite;
}
.error-container > span:nth-of-type(3) {
  color: #F56991;
  animation: colordancing2 4s infinite;
}
.error-container > span:nth-of-type(2) {
  width: 120px;
  height: 120px;
  border-radius: 999px;
}
.error-container > span:nth-of-type(2):before,
.error-container > span:nth-of-type(2):after {
	border-radius: 0%;
	content:"";
	position: absolute;
	top: 0; left: 0;
	width: inherit; height: inherit;
  border-radius: 999px;
	box-shadow: inset 30px 0 0 rgba(209, 242, 165, 0.4),
				inset 0 30px 0 rgba(239, 250, 180, 0.4),
				inset -30px 0 0 rgba(255, 196, 140, 0.4),	
				inset 0 -30px 0 rgba(245, 105, 145, 0.4);
  animation: shadowsdancing 4s infinite;
}
.error-container > span:nth-of-type(2):before {
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
			transform: rotate(45deg);
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em;
}
@keyframes shadowsdancing {
  0% {
    box-shadow: inset 30px 0 0 rgba(249, 248, 113, 0.4),
				inset 0 30px 0 rgba(0, 206, 223, 0.4),
				inset -30px 0 0 rgba(88, 147, 221, 0.4),	
				inset 0 -30px 0 rgba(130, 111, 196, 0.4);
  }
  25% {
    box-shadow: inset 30px 0 0 rgba(130, 111, 196, 0.4),
				inset 0 30px 0 rgba(249, 248, 113, 0.4),
				inset -30px 0 0 rgba(0, 206, 223, 0.4),	
				inset 0 -30px 0 rgba(88, 147, 221, 0.4);
  }
  50% {
     box-shadow: inset 30px 0 0 rgba(88, 147, 221, 0.4),
				inset 0 30px 0 rgba(130, 111, 196, 0.4),
				inset -30px 0 0 rgba(249, 248, 113, 0.4),	
				inset 0 -30px 0 rgba(0, 206, 223, 0.4);
  }
  75% {
   box-shadow: inset 30px 0 0 rgba(0, 206, 223, 0.4),
				inset 0 30px 0 rgba(88, 147, 221, 0.4),
				inset -30px 0 0 rgba(130, 111, 196, 0.4),	
				inset 0 -30px 0 rgba(249, 248, 113, 0.4);
  }
  100% {
    box-shadow: inset 30px 0 0 rgba(249, 248, 113, 0.4),
				inset 0 30px 0 rgba(0, 206, 223, 0.4),
				inset -30px 0 0 rgba(88, 147, 221, 0.4),	
				inset 0 -30px 0 rgba(130, 111, 196, 0.4);
  }
}
@keyframes colordancing {
  0% {
    color: #5893DD;
  }
  25% {
    color: #00B3ED;
  }
  50% {
    color: #00CEDF;
  }
  75% {
    color: #00E4BA;
  }
  100% {
    color: #99F38D;
  }
}
@keyframes colordancing2 {
  0% {
    color: #00E4BA;
  }
  25% {
    color: #99F38D;
  }
  50% {
    color: #00CEDF;
  }
  75% {
    color: #00B3ED;
  }
  100% {
    color: #5893DD;
  }
}