/*== Fonts ==*/
	@font-face {
	    font-family: 'TG Aqsa Pro';
	    src: url('../fonts/tg_aqsa_pro_light-webfont.woff2') format('woff2'),
	         url('../fonts/tg_aqsa_pro_light-webfont.woff') format('woff');
	    font-weight: 300;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'TG Aqsa Pro';
	    src: url('../fonts/tg_aqsa_pro_regular-webfont.woff2') format('woff2'),
	         url('../fonts/tg_aqsa_pro_regular-webfont.woff') format('woff');
	    font-weight: 400;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'TG Aqsa Pro';
	    src: url('../fonts/tg_aqsa_pro_medium-webfont.woff2') format('woff2'),
	         url('../fonts/tg_aqsa_pro_medium-webfont.woff') format('woff');
	    font-weight: 500;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'TG Aqsa Pro';
	    src: url('../fonts/tg_aqsa_pro_bold-webfont.woff2') format('woff2'),
	         url('../fonts/tg_aqsa_pro_bold-webfont.woff') format('woff');
	    font-weight: 700;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'TG Aqsa Pro';
	    src: url('../fonts/tg_aqsa_pro_black-webfont.woff2') format('woff2'),
	         url('../fonts/tg_aqsa_pro_black-webfont.woff') format('woff');
	    font-weight: 800;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'TG Aqsa Pro';
	    src: url('../fonts/tg_aqsa_pro_ultra_black-webfont.woff2') format('woff2'),
	         url('../fonts/tg_aqsa_pro_ultra_black-webfont.woff') format('woff');
	    font-weight: 900;
	    font-style: normal;
	}
/*== Fonts End ==*/

/*=== Default style ===*/
	body { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.4rem; color: #000; }
	body, .bg-body { background-color: #fff; }
	a, a:hover { color: #000; outline: none; }
	.fa { font-size: 20px; font-weight: 400; }
	p { margin-bottom: 1.5rem; }
	.transition { -webkit-transition-duration: .3s; transition-duration: .3s; }
	.transition-slow { -webkit-transition-duration: .5s; transition-duration: .5s; }
/*=== Default style End ===*/

/*== Structure ==*/
	img { max-width: 100%; }
	.top { top: 0 !important; }
	.bottom { bottom: 0 !important; }
	.left { left: 0 !important; }
	.right { right: 0 !important; }
	.text-underline { text-decoration: underline !important; }
	a.text-underline:hover { text-decoration: none !important; }
	.text-underline-none, a.text-underline-none:hover { text-decoration: none !important; }
	.overflow-x-hide { overflow-x: hidden; }
	.overflow-y-hide { overflow-y: hidden; }
	.overflow-hide { overflow: hidden; }
	.text-dark { color: #000!important; }
	.text-primary { color: #00a7af !important; }
	a.text-primary:focus, a.text-primary:hover { color: #00a7af !important; }
	.text-secondary { color: #2a3f52 !important; }
	.text-info { color: #02a0f9 !important; }
	.bg-primary { background-color: #00a7af !important; }
	.bg-secondary { background-color: #2a3f52 !important; }
	.bg-light { background-color: #e7e7e7 !important; }
	.bg-dark { background-color: #000 !important; }
	.bg-gray { background-color: #7f8284 !important; }
	.bg-light-gray { background-color: #c7ced2 !important; }
	.bg-transparent { background-color: transparent !important; }
	.bg-80 { background-size: 80% !important; }
	.bg-90 { background-size: 90% !important; }
	.bg-y-80 { background-size: auto 80% !important; }
	.bg-y-90 { background-size: auto 90% !important; }
	.bg-y-100 { background-size: auto 100% !important; }
	.bg-cover { background-size: cover !important; }
	.bg-contain { background-size: contain !important; }
	.bg-auto { background-size: auto !important; }
	.bg-left { background-position: left !important; }
	.bg-left-top { background-position: left top !important; }
	.bg-right { background-position: right !important; }
	.bg-right-top { background-position: right top !important; }
	.bg-center { background-position: center !important; }
	.bg-center-top { background-position: center top !important; }
	.bg-center-bottom { background-position: center bottom !important; }
	.border-primary { border-color: #f65696 !important; }
	.border-secondary { border-color: #2a3f52 !important; }
	.border-light { border-color: #ecf2f7 !important; }
	.border-dark { border-color: #333 !important; }
	.p-1 { padding: 1rem !important; }
	.p-2 { padding: 2rem !important; }
	.p-3 { padding: 3rem !important; }
	.p-4 { padding: 4rem !important; }
	.p-5 { padding: 5rem !important; }
	.p-0 { padding: 0rem !important; }
	.pt-1 { padding-top: 1rem !important; }
	.pt-2 { padding-top: 2rem !important; }
	.pt-3 { padding-top: 3rem !important; }
	.pt-4 { padding-top: 4rem !important; }
	.pt-5 { padding-top: 5rem !important; }
	.pt-0 { padding-top: 0rem !important; }
	.pb-1 { padding-bottom: 1rem !important; }
	.pb-2 { padding-bottom: 2rem !important; }
	.pb-3 { padding-bottom: 3rem !important; }
	.pb-4 { padding-bottom: 4rem !important; }
	.pb-5 { padding-bottom: 5rem !important; }
	.pb-0 { padding-bottom: 0rem !important; }
	.pl-1 { padding-left: 1rem !important; }
	.pl-2 { padding-left: 2rem !important; }
	.pl-3 { padding-left: 3rem !important; }
	.pl-4 { padding-left: 4rem !important; }
	.pl-5 { padding-left: 5rem !important; }
	.pl-0 { padding-left: 0rem !important; }
	.pr-1 { padding-right: 1rem !important; }
	.pr-2 { padding-right: 2rem !important; }
	.pr-3 { padding-right: 3rem !important; }
	.pr-4 { padding-right: 4rem !important; }
	.pr-5 { padding-right: 5rem !important; }
	.pr-0 { padding-right: 0rem !important; }
	.m-1 { margin: 1rem !important; }
	.m-2 { margin: 2rem !important; }
	.m-3 { margin: 3rem !important; }
	.m-4 { margin: 4rem !important; }
	.m-5 { margin: 5rem !important; }
	.m-0 { margin: 0rem !important; }
	.mt-1 { margin-top: 1rem !important; }
	.mt-2 { margin-top: 2rem !important; }
	.mt-3 { margin-top: 3rem !important; }
	.mt-4 { margin-top: 4rem !important; }
	.mt-5 { margin-top: 5rem !important; }
	.mt-0 { margin-top: 0rem !important; }
	.mb-1 { margin-bottom: 1rem !important; }
	.mb-2 { margin-bottom: 2rem !important; }
	.mb-3 { margin-bottom: 3rem !important; }
	.mb-4 { margin-bottom: 4rem !important; }
	.mb-5 { margin-bottom: 5rem !important; }
	.mb-0 { margin-bottom: 0rem !important; }
	.ml-1 { margin-left: 1rem !important; }
	.ml-2 { margin-left: 2rem !important; }
	.ml-3 { margin-left: 3rem !important; }
	.ml-4 { margin-left: 4rem !important; }
	.ml-5 { margin-left: 5rem !important; }
	.ml-0 { margin-left: 0rem !important; }
	.mr-1 { margin-right: 1rem !important; }
	.mr-2 { margin-right: 2rem !important; }
	.mr-3 { margin-right: 3rem !important; }
	.mr-4 { margin-right: 4rem !important; }
	.mr-5 { margin-right: 5rem !important; }
	.mr-0 { margin-right: 0rem !important; }
	.delay-250 { -webkit-animation-delay:0.25s; animation-delay:0.25s; }
	.delay-500 { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
	.delay-750 { -webkit-animation-delay:0.75s; animation-delay:0.75s; }
	.delay-1000 { -webkit-animation-delay:1.0s; animation-delay:1.0s; }
	.delay-1250 { -webkit-animation-delay:1.25s; animation-delay:1.25s; }
	.delay-1500 { -webkit-animation-delay:1.5s; animation-delay:1.5s; }
	.delay-1750 { -webkit-animation-delay:1.75s; animation-delay:1.75s; }
	.delay-2000 { -webkit-animation-delay:2.0s; animation-delay:2.0s; }
	.delay-2500 { -webkit-animation-delay:2.5s; animation-delay:2.5s; }
	.delay-2000 { -webkit-animation-delay:2.0s; animation-delay:2.0s; }
	.delay-2500 { -webkit-animation-delay:2.5s; animation-delay:2.5s; }
	.delay-3000 { -webkit-animation-delay:3.0s; animation-delay:3.0s; }
	.delay-3500 { -webkit-animation-delay:3.5s; animation-delay:3.5s; }
	.table-bordered td, .table-bordered th { background-color: #e3e3e3; }
	.table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th { border-color: #ccc; }
	.mw-inherit { max-width: inherit !important; }
	.d-tabel { display: table !important; }
	.d-cell { display: table-cell !important; }
	.font-weight-sbold { font-weight: 600 !important; }
	@media (min-width: 576px) {
		.p-sm-1 { padding: 1rem !important; }
		.p-sm-2 { padding: 2rem !important; }
		.p-sm-3 { padding: 3rem !important; }
		.p-sm-4 { padding: 4rem !important; }
		.p-sm-5 { padding: 5rem !important; }
		.p-sm-0 { padding: 0rem !important; }
		.pt-sm-1 { padding-top: 1rem !important; }
		.pt-sm-2 { padding-top: 2rem !important; }
		.pt-sm-3 { padding-top: 3rem !important; }
		.pt-sm-4 { padding-top: 4rem !important; }
		.pt-sm-5 { padding-top: 5rem !important; }
		.pt-sm-0 { padding-top: 0rem !important; }
		.pb-sm-1 { padding-bottom: 1rem !important; }
		.pb-sm-2 { padding-bottom: 2rem !important; }
		.pb-sm-3 { padding-bottom: 3rem !important; }
		.pb-sm-4 { padding-bottom: 4rem !important; }
		.pb-sm-5 { padding-bottom: 5rem !important; }
		.pb-sm-0 { padding-bottom: 0rem !important; }
		.pl-sm-1 { padding-left: 1rem !important; }
		.pl-sm-2 { padding-left: 2rem !important; }
		.pl-sm-3 { padding-left: 3rem !important; }
		.pl-sm-4 { padding-left: 4rem !important; }
		.pl-sm-5 { padding-left: 5rem !important; }
		.pl-sm-0 { padding-left: 0rem !important; }
		.pr-sm-1 { padding-right: 1rem !important; }
		.pr-sm-2 { padding-right: 2rem !important; }
		.pr-sm-3 { padding-right: 3rem !important; }
		.pr-sm-4 { padding-right: 4rem !important; }
		.pr-sm-5 { padding-right: 5rem !important; }
		.pr-sm-0 { padding-right: 0rem !important; }
		.m-sm-1 { margin: 1rem !important; }
		.m-sm-2 { margin: 2rem !important; }
		.m-sm-3 { margin: 3rem !important; }
		.m-sm-4 { margin: 4rem !important; }
		.m-sm-5 { margin: 5rem !important; }
		.m-sm-0 { margin: 0rem !important; }
		.mt-sm-1 { margin-top: 1rem !important; }
		.mt-sm-2 { margin-top: 2rem !important; }
		.mt-sm-3 { margin-top: 3rem !important; }
		.mt-sm-4 { margin-top: 4rem !important; }
		.mt-sm-5 { margin-top: 5rem !important; }
		.mt-sm-0 { margin-top: 0rem !important; }
		.mb-sm-1 { margin-bottom: 1rem !important; }
		.mb-sm-2 { margin-bottom: 2rem !important; }
		.mb-sm-3 { margin-bottom: 3rem !important; }
		.mb-sm-4 { margin-bottom: 4rem !important; }
		.mb-sm-5 { margin-bottom: 5rem !important; }
		.mb-sm-0 { margin-bottom: 0rem !important; }
		.ml-sm-1 { margin-left: 1rem !important; }
		.ml-sm-2 { margin-left: 2rem !important; }
		.ml-sm-3 { margin-left: 3rem !important; }
		.ml-sm-4 { margin-left: 4rem !important; }
		.ml-sm-5 { margin-left: 5rem !important; }
		.ml-sm-0 { margin-left: 0rem !important; }
		.mr-sm-1 { margin-right: 1rem !important; }
		.mr-sm-2 { margin-right: 2rem !important; }
		.mr-sm-3 { margin-right: 3rem !important; }
		.mr-sm-4 { margin-right: 4rem !important; }
		.mr-sm-5 { margin-right: 5rem !important; }
		.mr-sm-0 { margin-right: 0rem !important; }
		.position-sm-absolute { position: absolute !important; }
		.position-sm-relative { position: relative; !important; }
		.position-sm-static { position: static; !important; }
		.h-sm-100 { height: 100% !important; }
		.d-sm-tabel { display: table !important; }
		.d-sm-cell { display: table-cell !important; }
		.w-sm-25 { width: 25% !important; }
		.w-sm-50 { width: 50% !important; }
		.w-sm-75 { width: 75% !important; }
		.w-sm-100 { width: 100% !important; }
		.font-weight-sm-sbold { font-weight: 600 !important; }
		.bg-sm-80 { background-size: 80% !important; }
		.bg-sm-90 { background-size: 90% !important; }
		.bg-sm-y-80 { background-size: auto 80% !important; }
		.bg-sm-y-90 { background-size: auto 90% !important; }
		.bg-sm-y-100 { background-size: auto 100% !important; }
		.bg-sm-cover { background-size: cover !important; }
		.bg-sm-contain { background-size: contain !important; }
		.bg-sm-auto { background-size: auto !important; }
		.bg-sm-left { background-position: left !important; }
		.bg-sm-left-top { background-position: left top !important; }
		.bg-sm-right { background-position: right !important; }
		.bg-sm-right-top { background-position: right top !important; }
		.bg-sm-center { background-position: center !important; }
		.bg-sm-center-top { background-position: center top !important; }
		.bg-sm-center-bottom { background-position: center bottom !important; }
		.col-sm-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	}
	@media (min-width: 768px) {
		.p-md-1 { padding: 1rem !important; }
		.p-md-2 { padding: 2rem !important; }
		.p-md-3 { padding: 3rem !important; }
		.p-md-4 { padding: 4rem !important; }
		.p-md-5 { padding: 5rem !important; }
		.p-md-0 { padding: 0rem !important; }
		.pt-md-1 { padding-top: 1rem !important; }
		.pt-md-2 { padding-top: 2rem !important; }
		.pt-md-3 { padding-top: 3rem !important; }
		.pt-md-4 { padding-top: 4rem !important; }
		.pt-md-5 { padding-top: 5rem !important; }
		.pt-md-0 { padding-top: 0rem !important; }
		.pb-md-1 { padding-bottom: 1rem !important; }
		.pb-md-2 { padding-bottom: 2rem !important; }
		.pb-md-3 { padding-bottom: 3rem !important; }
		.pb-md-4 { padding-bottom: 4rem !important; }
		.pb-md-5 { padding-bottom: 5rem !important; }
		.pb-md-0 { padding-bottom: 0rem !important; }
		.pl-md-1 { padding-left: 1rem !important; }
		.pl-md-2 { padding-left: 2rem !important; }
		.pl-md-3 { padding-left: 3rem !important; }
		.pl-md-4 { padding-left: 4rem !important; }
		.pl-md-5 { padding-left: 5rem !important; }
		.pl-md-0 { padding-left: 0rem !important; }
		.pr-md-1 { padding-right: 1rem !important; }
		.pr-md-2 { padding-right: 2rem !important; }
		.pr-md-3 { padding-right: 3rem !important; }
		.pr-md-4 { padding-right: 4rem !important; }
		.pr-md-5 { padding-right: 5rem !important; }
		.pr-md-0 { padding-right: 0rem !important; }
		.m-md-1 { margin: 1rem !important; }
		.m-md-2 { margin: 2rem !important; }
		.m-md-3 { margin: 3rem !important; }
		.m-md-4 { margin: 4rem !important; }
		.m-md-5 { margin: 5rem !important; }
		.m-md-0 { margin: 0rem !important; }
		.mt-md-1 { margin-top: 1rem !important; }
		.mt-md-2 { margin-top: 2rem !important; }
		.mt-md-3 { margin-top: 3rem !important; }
		.mt-md-4 { margin-top: 4rem !important; }
		.mt-md-5 { margin-top: 5rem !important; }
		.mt-md-0 { margin-top: 0rem !important; }
		.mb-md-1 { margin-bottom: 1rem !important; }
		.mb-md-2 { margin-bottom: 2rem !important; }
		.mb-md-3 { margin-bottom: 3rem !important; }
		.mb-md-4 { margin-bottom: 4rem !important; }
		.mb-md-5 { margin-bottom: 5rem !important; }
		.mb-md-0 { margin-bottom: 0rem !important; }
		.ml-md-1 { margin-left: 1rem !important; }
		.ml-md-2 { margin-left: 2rem !important; }
		.ml-md-3 { margin-left: 3rem !important; }
		.ml-md-4 { margin-left: 4rem !important; }
		.ml-md-5 { margin-left: 5rem !important; }
		.ml-md-0 { margin-left: 0rem !important; }
		.mr-md-1 { margin-right: 1rem !important; }
		.mr-md-2 { margin-right: 2rem !important; }
		.mr-md-3 { margin-right: 3rem !important; }
		.mr-md-4 { margin-right: 4rem !important; }
		.mr-md-5 { margin-right: 5rem !important; }
		.mr-md-0 { margin-right: 0rem !important; }
		.position-md-absolute { position: absolute !important; }
		.position-md-relative { position: relative; !important; }
		.position-md-static { position: static; !important; }
		.h-md-100 { height: 100% !important; }
		.co-md-20 { max-width: 20%; }
		.d-md-tabel { display: table !important; }
		.d-md-cell { display: table-cell !important; }
		.w-md-25 { width: 25% !important; }
		.w-md-50 { width: 50% !important; }
		.w-md-75 { width: 75% !important; }
		.w-md-100 { width: 100% !important; }
		.font-weight-md-sbold { font-weight: 600 !important; }
		.bg-md-80 { background-size: 80% !important; }
		.bg-md-90 { background-size: 90% !important; }
		.bg-md-y-80 { background-size: auto 80% !important; }
		.bg-md-y-90 { background-size: auto 90% !important; }
		.bg-md-y-100 { background-size: auto 100% !important; }
		.bg-md-cover { background-size: cover !important; }
		.bg-md-contain { background-size: contain !important; }
		.bg-md-auto { background-size: auto !important; }
		.bg-md-left { background-position: left !important; }
		.bg-md-left-top { background-position: left top !important; }
		.bg-md-right { background-position: right !important; }
		.bg-md-right-top { background-position: right top !important; }
		.bg-md-center { background-position: center !important; }
		.bg-md-center-top { background-position: center top !important; }
		.bg-md-center-bottom { background-position: center bottom !important; }
		.col-md-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	}
	@media (min-width: 992px) {
		.p-lg-1 { padding: 1rem !important; }
		.p-lg-2 { padding: 2rem !important; }
		.p-lg-3 { padding: 3rem !important; }
		.p-lg-4 { padding: 4rem !important; }
		.p-lg-5 { padding: 5rem !important; }
		.p-lg-0 { padding: 0rem !important; }
		.pt-lg-1 { padding-top: 1rem !important; }
		.pt-lg-2 { padding-top: 2rem !important; }
		.pt-lg-3 { padding-top: 3rem !important; }
		.pt-lg-4 { padding-top: 4rem !important; }
		.pt-lg-5 { padding-top: 5rem !important; }
		.pt-lg-0 { padding-top: 0rem !important; }
		.pb-lg-1 { padding-bottom: 1rem !important; }
		.pb-lg-2 { padding-bottom: 2rem !important; }
		.pb-lg-3 { padding-bottom: 3rem !important; }
		.pb-lg-4 { padding-bottom: 4rem !important; }
		.pb-lg-5 { padding-bottom: 5rem !important; }
		.pb-lg-0 { padding-bottom: 0rem !important; }
		.pl-lg-1 { padding-left: 1rem !important; }
		.pl-lg-2 { padding-left: 2rem !important; }
		.pl-lg-3 { padding-left: 3rem !important; }
		.pl-lg-4 { padding-left: 4rem !important; }
		.pl-lg-5 { padding-left: 5rem !important; }
		.pl-lg-0 { padding-left: 0rem !important; }
		.pr-lg-1 { padding-right: 1rem !important; }
		.pr-lg-2 { padding-right: 2rem !important; }
		.pr-lg-3 { padding-right: 3rem !important; }
		.pr-lg-4 { padding-right: 4rem !important; }
		.pr-lg-5 { padding-right: 5rem !important; }
		.pr-lg-0 { padding-right: 0rem !important; }
		.m-lg-1 { margin: 1rem !important; }
		.m-lg-2 { margin: 2rem !important; }
		.m-lg-3 { margin: 3rem !important; }
		.m-lg-4 { margin: 4rem !important; }
		.m-lg-5 { margin: 5rem !important; }
		.m-lg-0 { margin: 0rem !important; }
		.mt-lg-1 { margin-top: 1rem !important; }
		.mt-lg-2 { margin-top: 2rem !important; }
		.mt-lg-3 { margin-top: 3rem !important; }
		.mt-lg-4 { margin-top: 4rem !important; }
		.mt-lg-5 { margin-top: 5rem !important; }
		.mt-lg-0 { margin-top: 0rem !important; }
		.mb-lg-1 { margin-bottom: 1rem !important; }
		.mb-lg-2 { margin-bottom: 2rem !important; }
		.mb-lg-3 { margin-bottom: 3rem !important; }
		.mb-lg-4 { margin-bottom: 4rem !important; }
		.mb-lg-5 { margin-bottom: 5rem !important; }
		.mb-lg-0 { margin-bottom: 0rem !important; }
		.ml-lg-1 { margin-left: 1rem !important; }
		.ml-lg-2 { margin-left: 2rem !important; }
		.ml-lg-3 { margin-left: 3rem !important; }
		.ml-lg-4 { margin-left: 4rem !important; }
		.ml-lg-5 { margin-left: 5rem !important; }
		.ml-lg-0 { margin-left: 0rem !important; }
		.mr-lg-1 { margin-right: 1rem !important; }
		.mr-lg-2 { margin-right: 2rem !important; }
		.mr-lg-3 { margin-right: 3rem !important; }
		.mr-lg-4 { margin-right: 4rem !important; }
		.mr-lg-5 { margin-right: 5rem !important; }
		.mr-lg-0 { margin-right: 0rem !important; }
		.position-lg-absolute { position: absolute !important; }
		.position-lg-relative { position: relative; !important; }
		.position-lg-static { position: static; !important; }
		.h-lg-100 { height: 100% !important; }
		.d-lg-tabel { display: table !important; }
		.d-lg-cell { display: table-cell !important; }
		.w-lg-25 { width: 25% !important; }
		.w-lg-50 { width: 50% !important; }
		.w-lg-75 { width: 75% !important; }
		.w-lg-100 { width: 100% !important; }
		.font-weight-md-sbold { font-weight: 600 !important; }
		.col-lg-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
		.bg-lg-80 { background-size: 80% !important; }
		.bg-lg-90 { background-size: 90% !important; }
		.bg-lg-y-80 { background-size: auto 80% !important; }
		.bg-lg-y-90 { background-size: auto 90% !important; }
		.bg-lg-y-100 { background-size: auto 100% !important; }
		.bg-lg-cover { background-size: cover !important; }
		.bg-lg-contain { background-size: contain !important; }
		.bg-lg-auto { background-size: auto !important; }
		.bg-lg-left { background-position: left !important; }
		.bg-lg-left-top { background-position: left top !important; }
		.bg-lg-right { background-position: right !important; }
		.bg-lg-right-top { background-position: right top !important; }
		.bg-lg-center { background-position: center !important; }
		.bg-lg-center-top { background-position: center top !important; }
		.bg-lg-center-bottom { background-position: center bottom !important; }
		.col-lg-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	}
	@media (min-width: 1200px) {
		.p-xl-1 { padding: 1rem !important; }
		.p-xl-2 { padding: 2rem !important; }
		.p-xl-3 { padding: 3rem !important; }
		.p-xl-4 { padding: 4rem !important; }
		.p-xl-5 { padding: 5rem !important; }
		.p-xl-0 { padding: 0rem !important; }
		.pt-xl-1 { padding-top: 1rem !important; }
		.pt-xl-2 { padding-top: 2rem !important; }
		.pt-xl-3 { padding-top: 3rem !important; }
		.pt-xl-4 { padding-top: 4rem !important; }
		.pt-xl-5 { padding-top: 5rem !important; }
		.pt-xl-0 { padding-top: 0rem !important; }
		.pb-xl-1 { padding-bottom: 1rem !important; }
		.pb-xl-2 { padding-bottom: 2rem !important; }
		.pb-xl-3 { padding-bottom: 3rem !important; }
		.pb-xl-4 { padding-bottom: 4rem !important; }
		.pb-xl-5 { padding-bottom: 5rem !important; }
		.pb-xl-0 { padding-bottom: 0rem !important; }
		.pl-xl-1 { padding-left: 1rem !important; }
		.pl-xl-2 { padding-left: 2rem !important; }
		.pl-xl-3 { padding-left: 3rem !important; }
		.pl-xl-4 { padding-left: 4rem !important; }
		.pl-xl-5 { padding-left: 5rem !important; }
		.pl-xl-0 { padding-left: 0rem !important; }
		.pr-xl-1 { padding-right: 1rem !important; }
		.pr-xl-2 { padding-right: 2rem !important; }
		.pr-xl-3 { padding-right: 3rem !important; }
		.pr-xl-4 { padding-right: 4rem !important; }
		.pr-xl-5 { padding-right: 5rem !important; }
		.pr-xl-0 { padding-right: 0rem !important; }
		.m-xl-1 { margin: 1rem !important; }
		.m-xl-2 { margin: 2rem !important; }
		.m-xl-3 { margin: 3rem !important; }
		.m-xl-4 { margin: 4rem !important; }
		.m-xl-5 { margin: 5rem !important; }
		.m-xl-0 { margin: 0rem !important; }
		.mt-xl-1 { margin-top: 1rem !important; }
		.mt-xl-2 { margin-top: 2rem !important; }
		.mt-xl-3 { margin-top: 3rem !important; }
		.mt-xl-4 { margin-top: 4rem !important; }
		.mt-xl-5 { margin-top: 5rem !important; }
		.mt-xl-0 { margin-top: 0rem !important; }
		.mb-xl-1 { margin-bottom: 1rem !important; }
		.mb-xl-2 { margin-bottom: 2rem !important; }
		.mb-xl-3 { margin-bottom: 3rem !important; }
		.mb-xl-4 { margin-bottom: 4rem !important; }
		.mb-xl-5 { margin-bottom: 5rem !important; }
		.mb-xl-0 { margin-bottom: 0rem !important; }
		.ml-xl-1 { margin-left: 1rem !important; }
		.ml-xl-2 { margin-left: 2rem !important; }
		.ml-xl-3 { margin-left: 3rem !important; }
		.ml-xl-4 { margin-left: 4rem !important; }
		.ml-xl-5 { margin-left: 5rem !important; }
		.ml-xl-0 { margin-left: 0rem !important; }
		.mr-xl-1 { margin-right: 1rem !important; }
		.mr-xl-2 { margin-right: 2rem !important; }
		.mr-xl-3 { margin-right: 3rem !important; }
		.mr-xl-4 { margin-right: 4rem !important; }
		.mr-xl-5 { margin-right: 5rem !important; }
		.mr-xl-0 { margin-right: 0rem !important; }
		.position-xl-absolute { position: absolute !important; }
		.position-xl-relative { position: relative; !important; }
		.position-xl-static { position: static; !important; }
		.h-xl-100 { height: 100% !important; }
		.d-xl-tabel { display: table !important; }
		.d-xl-cell { display: table-cell !important; }
		.w-xl-25 { width: 25% !important; }
		.w-xl-50 { width: 50% !important; }
		.w-xl-75 { width: 75% !important; }
		.w-xl-100 { width: 100% !important; }
		.font-weight-xl-sbold { font-weight: 600 !important; }
		.col-xl-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
		.bg-xl-80 { background-size: 80% !important; }
		.bg-xl-90 { background-size: 90% !important; }
		.bg-xl-y-80 { background-size: auto 80% !important; }
		.bg-xl-y-90 { background-size: auto 90% !important; }
		.bg-xl-y-100 { background-size: auto 100% !important; }
		.bg-xl-cover { background-size: cover !important; }
		.bg-xl-contain { background-size: contain !important; }
		.bg-xl-auto { background-size: auto !important; }
		.bg-xl-left { background-position: left !important; }
		.bg-xl-left-top { background-position: left top !important; }
		.bg-xl-right { background-position: right !important; }
		.bg-xl-right-top { background-position: right top !important; }
		.bg-xl-center { background-position: center !important; }
		.bg-xl-center-top { background-position: center top !important; }
		.bg-xl-center-bottom { background-position: center bottom !important; }
	}
/*== Structure End ==*/

/*== Page Heading ==*/
	.page-title { font-family: 'Poppins', sans-serif; font-size: 25px; font-weight: 200; line-height: 1.4; }
	.page-title span { font-family: 'Condiment', cursive; font-size: 70px; line-height: 1.4; }
	.title1 { font-size: 23px; font-weight: 800; line-height: 1.2; text-transform: uppercase; letter-spacing: 3px; }
	.title2 { font-size: 20px; font-weight: 400; line-height: 1.2; text-transform: uppercase; }
	.title3 { font-family: 'TG Aqsa Pro'; font-size: 21px; font-weight: 500; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; }
	.title4 { font-size: 16px; font-weight: 500; text-transform: uppercase; }
/*== Page Heading End ==*/

/*== Header ==*/
	.header-inner { padding: 0px 15px; }
	.site-logo { padding-top: 15px; padding-bottom: 15px; max-width: 100px; }
	.page-header { -webkit-transition-duration: .2s; transition-duration: .2s; }
	.sticky-fix.page-header { background-color: #000; border-bottom: rgba(255,255,255,.2) 1px solid; }
	.sticky-fix.page-header .container-fluid { padding-top: 0em !important; padding-bottom: 0em !important; }
	.sticky-fix.page-header .site-logo { padding-top: 18px; padding-bottom: 18px; }
/*== Header End ==*/

/*=== Menu style ===*/
	.navbar-nav .nav-link { font-size: 14px; font-weight: 500; line-height: 1.2; color: #000; text-transform: uppercase; padding: 14px 10px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
	.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .open > .nav-link, .active > .nav-link { color: #00a7af !important; }
	.navbar .dropdown-menu { border: none; border-radius: 0; font-size: 15px; background-color: #009fe3; color: #fff; margin: 0; }
	.open > .dropdown-menu { display: block; }
	.navbar .dropdown-menu .nav-item .nav-link { color: #fff; padding: 6px 15px; font-size: 15px; line-height: 1.2; display: block; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
	.navbar .dropdown-menu .nav-link:hover, .navbar .dropdown-menu .active .nav-link { color: #000; }
	.navbar-toggler { width: 25px; height: 17px; padding: 0; outline: none !important; }
	.navbar-toggler .i-line { width: 100%; height: 1px; border-radius: 10px; background-color: #fff; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; }
	.navbar-toggler .i-line.top { top: 0; }
	.navbar-toggler .i-line.middle { top: 50%; margin-top: -0.5px; right: inherit; width: 80%; }
	.navbar-toggler .i-line.bottom { bottom: 0; }
	.closed .i-line.middle { width: 0; opacity: 0; }
	.closed .i-line.top { top: 8px !important; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
	.closed .i-line.bottom { bottom: 6px !important; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
	.menu-fade { position: fixed; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; z-index: 1040; background-color: rgba(0,0,0,.2); display: none; }
	.navbar-slide { font-size: 17px; font-weight: 700; position: fixed; left: -250px; top: 0; z-index: 1040; background-color: #fff; width: 100%; max-width: 250px; height: 100%; box-shadow: rgba(0,0,0,.2) 0px 1px 10px; }
	.navbar-slide .navbar-collapse { display: block !important; height: 100%; }
	.navbar-slide .menu-wrapper { width: 100%; overflow-y: auto;  }
	.navbar-slide .nav-link { border-bottom: rgba(100,100,100,.2) 1px solid; }
	.nav-brand img { max-width: 100px; }
/*=== Menu style End ===*/

/*=== Back to Top style ===*/
	#back-to-top { position: fixed; bottom: 180px; right: 28px; z-index: 1000; }
	#back-to-top a { color: #fff; background-color: #00a7af; border-radius: 50%; text-align: center; line-height: 36px; text-decoration: none; display: block; height: 42px; width: 42px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s;	}
	#back-to-top a:hover { background-color: #000; }
/*=== Back to Top style End ===*/

/*=== Button style ===*/
	.btn { font-size: 1rem; font-weight: 500; line-height: 1.4; padding: 12px 22px; text-decoration: none !important; text-transform: uppercase; border-radius: 25px; outline: none !important; box-shadow: none !important; }
	.btn-primary { color: #fff; background-color: #00a7af; border-color: #00a7af; }
	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active { color: #fff; background-color: #000; border-color: #000; }
	.btn-light { color: #000; background-color: #fff; border-color: #fff; }
	.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light:not(:disabled):not(.disabled):active { color: #fff; background-color: #333; border-color: #333; }
	.btn-submit { padding: 0; right: 0; top: 8px; }
	.btn-submit, .btn-submit:hover, .btn-submit:focus, .btn-submit:active { color: #00a7af; background-color: transparent; border: none; outline: none; box-shadow: none; }
/*=== Button style End ===*/

/*=== Social Media ===*/
	.social-links { list-style: none; margin: 0; padding: 0; }
	.social-links li { display: inline-block; vertical-align: middle; }
	.social-links li + li { margin-left: 5px; }
	.social-links li a { display: block; width: 42px; height: 42px; border-radius: 50%; text-decoration: none; text-align: center; font-size: 18px; line-height: 42px; color: #fff; }
	.social-links li a.fb { background-color: #4769b1; }
	.social-links li a.tw { background-color: #2aa4f1; }
	.social-links li a.wx { background-color: #2ec101; }
	.social-links li a.ig { background-color: transparent; position: relative; overflow: hidden; }
	.social-links li a.ig .fa { z-index: 1; position: relative; }
	.social-links li a.ig:before { 
		content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #aa52a7; opacity: 1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
		background: -moz-linear-gradient(45deg, #ffeab4 0%, #efa774 24%, #db3194 67%, #aa52a7 100%);
		background: -webkit-gradient(left bottom, right top, color-stop(0%, #ffeab4), color-stop(24%, #efa774), color-stop(67%, #db3194), color-stop(100%, #aa52a7));
		background: -webkit-linear-gradient(45deg, #ffeab4 0%, #efa774 24%, #db3194 67%, #aa52a7 100%);
		background: -o-linear-gradient(45deg, #ffeab4 0%, #efa774 24%, #db3194 67%, #aa52a7 100%);
		background: -ms-linear-gradient(45deg, #ffeab4 0%, #efa774 24%, #db3194 67%, #aa52a7 100%);
		background: linear-gradient(45deg, #ffeab4 0%, #efa774 24%, #db3194 67%, #aa52a7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeab4', endColorstr='#aa52a7', GradientType=1 );
	}
	.social-links li a:hover { background-color: #333; }
	.social-links li a.ig:hover:before { opacity: 0; } 
/*=== Social Media End ===*/

/*=== Footer style ===*/
	.page-footer { font-size: 14px; }
	.footerlinks { list-style: none; margin: 0; padding: 0; }
	.footerlinks li { margin-bottom: 7px; }
	.footerlinks li a { color: #fff; }
	.copyright-footer { font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0px; }
/*=== Footer style End ===*/

/*=== Form style ===*/
	.form-label { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #999; }
	.form-control, .custom-select { background-color: rgba(255,255,255,.4); color: #000; border-radius: 0px; }
	.form-control:focus, .custom-select:focus { outline: none; box-shadow: none; border-color: #00a7af !important; background-color: rgba(255,255,255,.6); }
	textarea.form-control { height: 100px; }
	.custom-control-label::before { background-color: transparent; border-color: #333; }
	.custom-control-input:checked~.custom-control-label::before { background-color: #000; border-color: #000; }
	.form-lg .form-control, .custom-select { font-size: 18px; text-transform: uppercase; }
	.form-control::-webkit-input-placeholder { color: #000;	}
	.form-control::-moz-placeholder { color: #000; }
	.form-control:-ms-input-placeholder { color: #000; }
	.form-control:-moz-placeholder { color: #000; }
	input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 30px #fcb026 inset !important; }
	.form-footer .form-control { background-color: transparent !important; font-size: inherit; border: none; border-bottom: #fff 1px solid; color: #fff; padding-left: 0px; padding-right: 0px; font-style: italic; }
	.form-footer .form-control::-webkit-input-placeholder { color: #fff;	}
	.form-footer .form-control::-moz-placeholder { color: #fff; }
	.form-footer .form-control:-ms-input-placeholder { color: #fff; }
	.form-footer .form-control:-moz-placeholder { color: #fff; }
	#DownloadBrochure textarea.form-control { height: 60px; }
/*=== Form style End ===*/

/*=== Comman style ===*/
	.custom-row { margin-left: -8px; margin-right: -8px; }
	.custom-row .colms { padding-left: 8px; padding-right: 8px; }
	.pro-row { margin-left: -5px; margin-right: -5px; }
	.pro-row .colms { padding-left: 5px; padding-right: 5px; }
	.pb-10 { padding-bottom: 10px; }
	.modal-dialog { margin-top: 2.5rem; }
	.close { position: absolute; padding: 0.25rem 1rem; right: 0; top: -38px; color: #fff !important; opacity: 1; text-shadow: none !important; font-size: 36px; outline: none !important; }
	.head-top { min-height: 100vh; }
	.head-top-inner { min-height: 50vh; }
	.head-top-inner .header-img { transform: scale(1.7); transform-origin: right top; }
	.caption-round { width: 290px; height: 290px; }
	.data-src { background-repeat: no-repeat; }
	.block-img { min-height: 300px; }
	.block-img1 { min-height: 300px; }
	.icon-lable { font-size: 15px; font-weight: 500; }
	.scrollbar::-webkit-scrollbar { background-color: rgba(255,255,255,.1); width: 8px; }
    .scrollbar::-webkit-scrollbar-track { background-color: rgba(255,255,255,.1); }
	/*.scrollbar::-webkit-scrollbar-track:hover { background-color: #000; }*/
	.scrollbar::-webkit-scrollbar-thumb { background-color: #333; border-radius:16px; border: transparent 5px solid; opacity: 0; }
	/*.scrollbar::-webkit-scrollbar-thumb:hover { background-color: #a0a0a5; border:4px solid #000; }*/
	.scrollbar::-webkit-scrollbar-button { display:none; }
	.product-cat { max-width: 350px; margin-left: auto; margin-right: auto; }
	.product-cat .divborder { border: rgba(255,255,255,.5) 10px solid; }
	.cat-title { height: 30%; padding: 6% 15px; background-color: rgba(0,167,175,.8); color: #fff; bottom: 0; font-family: 'Condiment', cursive; font-size: 20px; line-height: 2rem; }
	.pro-badeg { padding: 0.2rem 0.5rem; }
	.product-item { display: none; }
	.list-group { padding-left: 22px; margin-bottom: 1rem; }
	.list-group li { margin-bottom: 0.5rem; }
	.brochure-btn, .brochure-btn:hover { text-decoration: none; }
	.brochure-btn { position: relative; display: inline-block; border: #00a7af 1px solid; border-left: 0; padding: 15px 40px 15px 100px; color: #00a7af; font-size: 16px; line-height: 1.2; border-radius: 0 25px 0 0; -webkit-transition-duration: .5s; transition-duration: .5s; }
	.brochure-btn:before { width: 90px; height: 90px; background: url(../images/book-ico.svg) no-repeat center #fff; background-size: 50px; border: #00a7af 1px solid; border-radius: 50%; position: absolute; left: -16px; top: -10px; content: ''; }
	.brochure-btn:hover { background-color: #00a7af; color: #fff; }
	
	.sticy-whatsapp{position:fixed;width:60px;height:60px;bottom:20px;right:20px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center; font-size:30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.4); z-index:100;}
	.sticy-phone{position:fixed;width:60px;height:60px;bottom:100px;right:20px;background-color:#00a7af;color:#FFF;border-radius:50px;text-align:center; font-size:30px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); z-index:100;}
	.sticy-whatsapp:hover, .sticy-phone:hover, .sticy-whatsapp:focus, .sticy-phone:focus{color:#ffffff;background-color:#000000;}
	.my-float{margin-top:15px; color:#ffffff;}
/*=== Comman style End ===*/

@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
   	only screen and ( min--moz-device-pixel-ratio: 1.3 ),
    only screen and ( -o-min-device-pixel-ratio: 2.6/2 ), /* returns 1.3, see Dev.Opera */
    only screen and ( min-device-pixel-ratio: 1.3 ),
    only screen and ( min-resolution: 124.8dpi ),
    only screen and ( min-resolution: 1.3dppx ) {
    
}

@media (min-width: 576px) {
	.head-top-inner .header-img { transform: scale(1.2); transform-origin: right top; }
}

@media (min-width: 768px) {
	.body { font-size: 1rem; line-height: 1.4rem; }
	.page-title { font-size: 38px; }
	.page-title span { font-size: 84px; }
	.title1 { font-size: 48px; }
	.title2 { font-size: 30px; font-weight: 300; }
	.title3 { font-size: 28px; }
	.title4 { font-size: 18px }
	.navbar-expand-md .navbar-nav .nav-link { padding: 28px 5px; font-size: 11px; color: #fff; }
	.header-inner { padding: 0px 10px; }
	.site-logo { max-width: 120px; padding-top: 28px; padding-bottom: 28px; }
	.parallax-bg { background-attachment: fixed; }
	.block-img { min-height: 600px; }
	.caption-round { width: 350px; height: 350px; }
	.product-cat:hover .cat-title { height: 100%; padding: 40% 15px; }
}

@media (min-width: 992px) {
	.page-title { font-size: 38px; }
	.page-title span { font-size: 84px; }
	.navbar-expand-md .navbar-nav .nav-link { padding: 28px 6px; font-size: 14px; }
	.header-inner { padding: 0px 28px; }
	.site-logo { max-width: 140px; }
	.caption-round { width: 450px; height: 450px; }
	.head-top-inner .header-img { transform: scale(1.1); transform-origin: right top; }
}

@media (min-width: 1200px) {
	.page-title { font-size: 48px; }
	.page-title span { font-size: 114px; }
	.navbar-expand-md .navbar-nav .nav-link { padding: 28px 13px; }
	.site-logo { max-width: 170px; }
	.block-img { min-height: 800px; }
	.title4 { letter-spacing: 0.5px; }
	.caption-round { width: 510px; height: 510px; }
	.head-top-inner .header-img { transform: scale(1); transform-origin: right top; }
}

@media (max-width: 767px) {
	.sticky-fix.page-header .header-inner { padding: 0px; }
}

@media (max-width: 575px) {
	.custom-xs-row { margin-left: -8px; margin-right: -8px; }
	.custom-xs-row .colms-xs { padding-left: 8px; padding-right: 8px; }
	.page-footer { font-size: 13px; }
	.icon-lable { font-size: 13px; line-height: 1.3; }
	
	.sticy-btn{ position: fixed;bottom: 0; width: 100%; z-index: 100; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}
	.sticy-whatsapp, .sticy-phone {position: relative; width: 50%; height: 50px;bottom: 0;right: 0;display: block;border-radius: 0;float:left;box-shadow:none;}
	.sticy-phone{font-size:28px;}
	.sticy-whatsapp .my-float{margin-top:9px; color:#ffffff;}
	.sticy-phone .my-float{margin-top:12px; color:#ffffff;}
	#back-to-top { right:5px; bottom:80px;}
}