@charset "utf-8";
@font-face {
font-family: A;
src: url('../fonts/HelveticaNeue.ttf');
}
@font-face {
font-family: B;
src: url('../fonts/HelveticaCE.ttf');
	}
@font-face {
font-family: C;
src: url('../fonts/HelveticaCE-Cond.ttf');
	}
@font-face {
font-family: M;
src: url('../fonts/PonaSemiBold.ttf');
	}
@font-face {
font-family: I;
src: url('../fonts/Cairo-Regular.ttf');
	}


body {
	margin:0 auto;
	padding: 0;
	background-color: #F7F7F7;
	overflow-x: hidden;
	}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background:#969696;}
::-webkit-scrollbar-thumb {background: #2c2c2c;}
::-webkit-scrollbar-thumb:hover {background: #555;}

/* -- select color --*/
::selection {background: #BFBFBF;}
::-moz-selection {background: #BFBFBF;}

.noBlue {
	text-decoration: none;
	outline: 0;
	border: 0; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none;
	}
.noBlue:hover {
	text-decoration: none;
	outline: 0;
	border: 0; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none;
	}
.noBlue:focus {
	text-decoration: none;
	outline: 0;
	border: 0; 
	appearance: none; 
	-webkit-appearance: none; 
	-moz-appearance: none;
	}

/*---------------------------------------------------------------------------------------------------------------------- header --*/

headerSEC {
	position: fixed;
	width: 100%;
	height: 100px;
	z-index: 10;
	background-color:#0d2158;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC.smaller {
	height: 60px;
	background-color:#0d2158;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC .container-fluid {
	padding: 0 70px 0 70px;
	margin: 0 0 0 0;
	}
headerSEC .row {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

headerSEC .col1 {
	padding: 18px 0 0 0;
	margin: 0 0 0 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC.smaller .col1 {
	padding: 10px 0 0 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

headerSEC .col1 img {
	width: auto;
	height: 66px;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC .col1 img:hover {
	opacity: 0.9;
	}
headerSEC.smaller .col1 img {
	height: 42px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

headerSEC .col2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
	direction: ltr;
	}

headerSEC .col2_1 {
	padding: 11px 0 0 0;
	margin: 0 0 0 0;
	height: 30px;
	text-align: right;
	direction: ltr;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC.smaller .col2_1 {
	padding: 18px 0 0 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

headerSEC .hRow {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

headerSEC .col2_1a {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

headerSEC .col2_1a .socialLink {
	color: #D7D7D7;
	font-size: 14px;
	opacity: 1;
	margin-left:20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC .col2_1a .socialLink:hover {
	opacity: 0.6;
	}

headerSEC .pLinks{
	position: relative;
	font-family: I;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC .pLinks:hover{
	color: #74caf3;
	}
headerSEC .pLinks:after{
	content: '';
	position: absolute;
	width: 0; height: 0.5px;
	display: block;
	margin-top: 1px;
	right: 0;
	background: rgba(116,202,243,0.8);
	transition: width .4s ease;
	-webkit-transition: width .4s ease;
	} 
headerSEC .pLinks:hover:after{
	width: 30%;
	left: 0;
	background: rgba(116,202,243,0.8);
	}
headerSEC .sp {
	font-family: A;
	color: #74caf3;
	font-size: 13px;
	margin-left: 10px;
	margin-right: 10px;
	}


headerSEC .col2_1b {
	padding: 0 0 0 0;
	margin: -3px 0 0 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC.smaller .col2_1b {
	padding: 0 0 0 0;
	margin: -7px 0 0 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

headerSEC .col2_1b .basketL {
	text-decoration: none;
	}
headerSEC .col2_1b i {
	color: #fff;
	font-size: 22px;
	}
#ex3 .fa-stack[data-count]:after {
	position: absolute;
	left: 60px;
	top: -5px;
	content: attr(data-count);
	padding: 1px;
	border-radius: 50%;
	color: white;
	background: rgba(255, 0, 0, 0.85);
	text-align: center;
	font-size: 12px;
	min-width: 18px;
	min-height: 18px;
	line-height: 16px;
	font-family: A;
	}

headerSEC .col2_2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
	direction: ltr;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC.smaller .col2_2 {
	display: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

headerSEC .col2_2 .formRow {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
	direction: ltr;
	}

headerSEC .col2_2 .col1a {
	padding: 19px 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
	direction: ltr;
	}

headerSEC .col2_2 .FormBu {
	height: 30px;
	width:100%;
	font-family: B;
	color: #fff;
	font-size: 14.5px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: #935167;
	border-top-left-radius: 0px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 2px;	
	border: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
headerSEC .col2_2 .FormBu:hover {
	background-color:#a05c76;
	color:#fff;
	}
headerSEC .col2_2 .f1 {
	height: 30px;
	width: 100%;
	font-family: B;
	color: #000;
	font-size: 14px;
	letter-spacing: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 0px;	
	border: none;
	border-right: 1px solid #151515;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
    }
headerSEC .col2_2 .arrow {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
	background-size: 11px;
	background-position: calc(100% - 95%) center;
	background-repeat: no-repeat;
	background-color: #fff;
    }
headerSEC .col2_2 .f2 {
	height: 30px;
	width: 100%;
	font-family: B;
	letter-spacing: 2px;
	color: #000;
	font-size: 14px;
	border-radius: 0px;
	border: none;
    }

/*-------------------------------------------- small --*/

headerSEC .headerSECs {
	width: 100%;
	z-index: 10;
	position: absolute;
	background-color: transparent;
	/*height: 80px;*/
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

headerSEC .headerSECs .menuDiv {
	padding: 0 0 0 10px;
	margin: -30px 0 0 0;
	width: 50%;
	text-align: left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
headerSEC.smaller .headerSECs .menuDiv {
	padding: 0 0 0 10px;
	margin: -18px 0 0 0;
	width: 100%;
	text-align: left;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}

headerSEC .headerSECs .menuDiv a {
	}
headerSEC .headerSECs .menuDiv i {
	color: #fff;
	font-size: 40px;
	}
headerSEC .headerSECs .offcanvas-header {
	text-align: left;
	direction: ltr;
	float: left;
	}
headerSEC .headerSECs .closeBu {
	margin-top: 20px;
	margin-left: 20px;
	font-size: 22px;
	}
headerSEC .headerSECs .offcanvas-body {
	padding: 40px 40px 0 0;
	line-height: 40px;
	text-align: right;
	}
headerSEC .headerSECs .offcanvas-body a {
	font-family: I;
	color: #212c34;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
headerSEC .headerSECs .offcanvas-body .socialLink {
	margin-right: 10px;
	margin-top: 50px;
	}


@media (max-width: 575.98px) {
	}
@media (max-width: 767.98px) { 
	headerSEC .container-fluid {padding: 0 0 0 0;}
	headerSEC .col1 {text-align: center;}
	headerSEC .col1 img {width: auto;height: 66px;}
	headerSEC.smaller .col1 img {height: 42px;}
	headerSEC .col2_1b {padding: 5px 40px 0 40px;margin: 5px 0 0 0;background-color: #07143a;}
	headerSEC.smaller .col2_1b {padding: 5px 40px 0 40px;margin: -10px 0 0 0;}
	headerSEC .col2_1b i {font-size: 24px;}
	headerSEC .col2_2 {padding: 36px 30px 11px 30px;background-color: #151515;}
	headerSEC .col2_2 .col1a {padding: 6px 0 0 0;}
	headerSEC .col2_2 .FormBu {border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
	headerSEC .col2_2 .f1 {border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
	}
@media (max-width: 991.98px) {
	headerSEC .container-fluid {padding: 0 0 0 0;}
	headerSEC .col1 {text-align: center;}
	headerSEC .col1 img {width: auto;height: 66px;}
	headerSEC.smaller .col1 img {height: 42px;}
	headerSEC .col2_1b {padding: 5px 40px 0 40px;margin: 5px 0 0 0;background-color: #07143a;}
	headerSEC.smaller .col2_1b {padding: 5px 40px 0 40px;margin: -10px 0 0 0;}
	headerSEC .col2_1b i {font-size: 24px;}
	headerSEC .col2_2 {padding: 36px 30px 11px 30px;background-color: #151515;}
	headerSEC .col2_2 .col1a {padding: 6px 0 0 0;}
	headerSEC .col2_2 .FormBu {border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
	headerSEC .col2_2 .f1 {border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; }
	}
@media (max-width: 1199.98px) { 
	}
@media (max-width: 1399.98px) { 
	}

/*-------------------------------------------------------------------------------------------------------------------- home Slider --*/

.hSliderSEC {
	margin: 0 auto;
    padding: 0 0 0 0;
	max-width: 1440px;
	}
.hSliderSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.hSliderSEC .row {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.hSliderSEC .col1 {
    margin: 100px 0 0 0;
    padding: 0 0 0 0;
	}

@media (max-width: 575.98px) {
	.hSliderSEC .col1 {margin: 145px 0 0 0;}
	}
@media (max-width: 991.98px) {
	.hSliderSEC .col1 {margin: 145px 0 0 0;}
	}

/*------------------------------------------------------------------------------------------------------------------------- footer --*/

.footerSEC {
	}
.footerSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 50px 0 40px 0;
	background-color: #0a132e;
	}
.footerSEC .row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.footerSEC .col1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	}
.footerSEC .footerLogoIMG {
	text-align: center;
	float: none;
	height: 50px;
	width: auto;
	}

.footerSEC .col2 {
	padding: 25px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-family: I;
	color:#F4F4F4;
	font-size: 14px;
	letter-spacing: 1px;
	}
.footerSEC .pLinks{
	position: relative;
	font-family: I;
	color: #F4F4F4;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.footerSEC .pLinks:hover{
	color: #74caf3;
	}
.footerSEC .pLinks:after{
	content: '';
	position: absolute;
	width: 0; height: 0.5px;
	display: block;
	margin-top: 1px;
	right: 0;
	background: rgba(116,202,243,0.8);
	transition: width .4s ease;
	-webkit-transition: width .4s ease;
	} 
.footerSEC .pLinks:hover:after{
	width: 30%;
	left: 0;
	background: rgba(116,202,243,0.8);
	}
.footerSEC .sp {
	font-family: A;
	color: #74caf3;
	font-size: 13px;
	margin-left: 7px;
	margin-right: 7px;
	opacity: 0.7;
	}

.footerSEC .col3 {
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	}

.footerSEC .col4 {
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	}
.footerSEC .col4 .socialLink {
	color: #F4F4F4;
	font-size: 14px;
	opacity: 1;
	margin-left:20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.footerSEC .col4 .socialLink:hover {
	opacity: 0.6;
	}

.footerSEC .col5 {
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	}
.footerSEC .col5 img {
	width: 105px;
	height: auto;
	opacity: 0.2;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.footerSEC .col5 img:hover {
	opacity: 1
	}

@media (max-width: 767.98px) { 
	.footerSEC .col2 {letter-spacing: 4px;}
	}

/*-------------------------------------------------------------------------------------------------------------------------- about --*/

.aboutSEC {
	padding: 40px 0 40px 0;
	}
.aboutSEC .container-fluid {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.aboutSEC .row {
	padding: 100px 25px 0 25px;
	margin: 0 auto;
	max-width: 1250px;
	}

.aboutSEC .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	}
.aboutSEC .col1 img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	}

.aboutSEC .col2 {
	padding: 0 0  0 30px;
	margin: 0 0 0 0;
	font-family: I;
	color: #151515;
	font-size: 16px;
	letter-spacing: 0.8px;
	line-height: 24px;
	float: right;
	direction: rtl;
	}




@media (max-width: 575.98px) {
	.aboutSEC {padding: 40px 0 25px 0;}
	.aboutSEC .row {padding: 130px 25px 0 25px;}
	.aboutSEC .col2 {padding: 0 0 0 0;}
	.aboutSEC .col1 {padding: 0 0 20px 0;}
	}
@media (max-width: 767.98px) { 
	.aboutSEC {padding: 40px 0 25px 0;}
	.aboutSEC .row {padding: 130px 25px 0 25px;}
	.aboutSEC .col2 {padding: 0 0 0 0;}
	.aboutSEC .col1 {padding: 0 0 20px 0;}
	}
@media (max-width: 991.98px) {
	.aboutSEC {padding: 40px 0 25px 0;}
	.aboutSEC .row {padding: 130px 25px 0 25px;}
	.aboutSEC .col2 {padding: 0 0 0 0;}
	.aboutSEC .col1 {padding: 0 0 20px 0;}
	}
@media (max-width: 1199.98px) { 
	}
@media (max-width: 1399.98px) { 
	}

/*--------------------------------------------------------------------------------------------------------------------- contact us --*/

.infoCobtactsSEC {
	}
.infoCobtactsSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.infoCobtactsSEC .row {
	padding: 140px 25px 50px 25px;
	margin: 0 auto;
	max-width: 1250px;
	direction: rtl;
	}

.infoCobtactsSEC .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
	}
.infoCobtactsSEC .col1_1 {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	font-family: I;
	font-size: 28px;
	letter-spacing: 1px;
	color:#212c34;
	text-align: right;
	direction: rtl;
	}
.infoCobtactsSEC .col1_2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: I;
	font-size: 16px;
	letter-spacing: 1px;
	color:#212c34;
	line-height: 30px;
	text-align: right;
	direction: rtl;
	}

/*----------------------------------------------- map --*/
.mapSEC {}
.mapSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
/*------------------------------------------------ form --*/
.infoCobtactsSEC .col2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
	}
.infoCobtactsSEC .FormDe {
	padding: 15px 0 15px 0;
	margin: 0 0 0 0;
	font-family: I;
	letter-spacing: 1px;
	font-size: 14px;
	color:#212c34;
	text-align: right;
	direction: rtl;
	}
.infoCobtactsSEC .r2 {
	padding: 0 0 0 0;
	margin: 0 -10px 0 -10px;
	}

.infoCobtactsSEC .cFormF {
	border-radius: 0px;
	background: transparent;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #e3e3e3;
	border-right: 0px solid #e3e3e3;
	border-left: 0px solid #e3e3e3;
	box-shadow: 0px 0px 0px #888888;
	height: 38px;
	padding-right: 2px;
	font-family: I;
	font-size: 14px;
	text-align: right;
	letter-spacing: 1px;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.infoCobtactsSEC .cFormF:focus {
	background: #fff;
	border-bottom: 1px solid #212c34;
	padding-right: 10px;
	}

.infoCobtactsSEC .cFormF2 {
	border-radius: 0px;
	background: transparent;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #e3e3e3;
	border-right: 0px solid #e3e3e3;
	border-left: 0px solid #e3e3e3;
	box-shadow: 0px 0px 0px #888888;
	padding-right: 2px;
	font-family: I;
	font-size: 14px;
	text-align: right;
	letter-spacing: 1px;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.infoCobtactsSEC .cFormF2:focus {
	background: #fff;
	border-bottom: 1px solid #212c34;
	padding-right: 10px;
	}

.infoCobtactsSEC .FormBu {
	width:100%;
	background-color: transparent;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #cccccc; 
	border-right: 0px solid #cccccc; 
	border-left: 0px solid #cccccc; 
	border-radius: 0px;
	font-family: I;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.infoCobtactsSEC .FormBu:hover {
	background-color:#151515;
	color:#fff;
	border-bottom: 1px solid #fff;
	}

@media (max-width: 575.98px) {
	.infoCobtactsSEC .row {padding: 160px 25px 50px 25px}
	.infoCobtactsSEC .r2 {padding: 0 0 0 0;}
	.infoCobtactsSEC .col2 {margin: 20px 0 0 0;}
	}
@media (max-width: 767.98px) { 
	}
@media (max-width: 991.98px) {
	.infoCobtactsSEC .row {padding: 160px 25px 50px 25px}
	.infoCobtactsSEC .r2 {padding: 0 0 0 0;}
	.infoCobtactsSEC .col2 {margin: 20px 0 0 0;}
	}
@media (max-width: 1199.98px) { 
	}
@media (max-width: 1399.98px) { 
	}

/*--------------------------------------------------------------------------------------------------------------------- home types --*/

.typeCategoriesSEC {
	}
.typeCategoriesSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.typeCategoriesSEC .row {
    padding: 10px 10px 10px 10px;
    margin: 0 0 0 0;
	direction: rtl;
	}

.typeCategoriesSEC .col1 {
    padding: 10px;
	margin: 0 0 0 0;
	}
.typeCategoriesSEC .col1a {
    padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.typeCategoriesSEC .col1 img {
    width: 100%;
	height: auto;
	}
.typeCategoriesSEC .image-text-container {
    position: relative;
    display: inline-block;
    width: 100%;
	}
.typeCategoriesSEC .typeBtnImg {
    width: 100%;
    height: auto;
    display: block;
	}
.typeCategoriesSEC .typeBtnText {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    font-family: I;
    text-align: right;
    direction: rtl;
	}

/* Current Type Indicator Styles */

.currentTypeSEC {
	}
.currentTypeSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.currentTypeSEC .row {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	direction: rtl;
	}
.currentTypeSEC .col1 {
    padding: 10px 0 10px 0;
    margin: 0 0 0 0;
	 font-family: I;
    font-size: 26px;
    color: #333;
    text-align: center;
	direction: rtl;
	background-color: #fff;
	}

/*-------------------------------------------------------------------------------------------------------------------- home search --*/

.homeSearcgSEC {
	}
.homeSearcgSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.homeSearcgSEC .row {
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
	}

.homeSearcgSEC .formRow {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.homeSearcgSEC .col1a {
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	text-align: right;
	direction: ltr;
	}

.homeSearcgSEC .FormBu {
	height: 40px;
	width:100%;
	font-family: B;
	color: #fff;
	font-size: 14.5px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: #0d2158;
	border-top-left-radius: 0px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 6px;	
	border: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.homeSearcgSEC .FormBu:hover {
	background-color:#74caf3;
	color:#fff;
	}
.homeSearcgSEC .f1 {
	height: 40px;
	width: 100%;
	font-family: B;
	color: #000;
	font-size: 14px;
	letter-spacing: 2px;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 0px;	
	border: none;
	border-right: 1px solid #151515;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
    }
.homeSearcgSEC .arrow {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
	background-size: 11px;
	background-position: calc(100% - 95%) center;
	background-repeat: no-repeat;
	background-color: #fff;
    }
.homeSearcgSEC .f2 {
	height: 40px;
	width: 100%;
	font-family: B;
	letter-spacing: 2px;
	color: #000;
	font-size: 14px;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 0px;	
	border: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
    }
.homeSearcgSEC .f2:focus {
	background-color: rgba(225,239,255,1.00);
    }






/*----------------------------------------------------------------------------------------------------------------------- cataloge --*/
.catalogeSEC {
    padding: 0 0 0 0;
	}
.catalogeSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.catalogeSEC .row {
    padding: 0 10px 10px 10px;
    margin: 0 auto;
	direction: rtl;
	}

.catalogeSEC .itemContainer {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: right;
	}

.catalogeSEC .proCol {
    padding: 10px;
    margin: 0 0 0 0;
	}

.catalogeSEC .text {
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	letter-spacing: 1px;
	font-family: I;
	text-transform: uppercase;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	}

.catalogeSEC .detailsCol {
	padding: 14px 20px 12px 20px;
    margin: 0 0 0 0;
	min-height: 99px;
	background-color: transparent;
	color: #191919;
	font-family: I;
	direction: rtl;
	text-align: right;
	letter-spacing: 0.5px;
	font-size: 18px;
	line-height: 24px;
	border-left: 1px solid #e8e8e9;
	border-right: 1px solid #e8e8e9;
	border-bottom: 1px solid #e8e8e9;
	float: left;
	}
.catalogeSEC .pprice {
	font-size: 22px;
	color: #000;
	font-family: I;
	direction: rtl;
	text-align: right;
	letter-spacing: 0.5px;
	}
.catalogeSEC .pprice2 {
	font-size: 20px;
	color:#686868;
	font-family: I;
	direction: rtl;
	text-align: right;
	letter-spacing: 0.5px;
    text-decoration: line-through;
	}

/*-------------------------------------------------------------------------------------------------------------------- cataloge IN --*/

.catalogeINSEC {
	padding: 30px 0 30px 0;
	}
.catalogeINSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.catalogeINSEC .row {
	max-width: 1250px;
    padding: 0 25px;
    margin: 100px auto 0 auto;
	}
.catalogeINSEC .col1 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}
.catalogeINSEC .proInIMG {
    width: 100%;
	height: auto;
	}

.catalogeINSEC .col2 {
    padding: 0 0 0 30px;
    margin: 0 0 0 0;
	color: #404243;
	font-family: I;
	text-align: right;
	direction: rtl;
	letter-spacing: 1px;
	font-size: 23px;
	line-height: 35px;
	}
.catalogeINSEC .pprice {
	font-size: 30px;
	font-family: I;
	text-align: right;
	direction: rtl;
	letter-spacing: 0.5px;
	color: #000;
	}
.catalogeINSEC .pprice2 {
	font-size: 26px;
	color:#686868;
	font-family: I;
	direction: rtl;
	text-align: right;
	letter-spacing: 0.5px;
    text-decoration: line-through;
	}

.catalogeINSEC .col2colors {
    padding: 0 0 0 0;
    margin: 5px 0 15px 0;
    font-family: A;
    font-size: 14px;
    text-transform: none;
    padding-left: 0;
    padding-right: 0;
	}
.catalogeINSEC .colorIMG {
    margin-right: 5px
	}
.catalogeINSEC .select {
    border: 1px solid  rgba(0,100,255,1.00);
	/*border-radius: 50%;*/
	}

.catalogeINSEC .col2des {
    padding: 20px 0 20px 0;
    margin: 0 0 0 0;
	color: #404243;
	font-family: I;
	direction: rtl;
	text-align: right;
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 25px;
	text-transform: none;
	}

.catalogeINSEC .vCol {
    padding: 20px 0 20px 0;
    margin: 0 0 0 0;
	}

.catalogeINSEC .vCol button {
    width: 100%;
	background-color:#fff;
	color: #191919;
	border: 0px;
	}
.catalogeINSEC .vCol button:hover {
	background-color:#191919;
	color: #fff;
	}

.catalogeINSEC .inDetails {
	font-size: 20px;
	line-height: 35px;
	margin-top: 1px;
	}


.catalogeINSEC #row_buyBdiv {
	padding: 0 0 0 0;
	margin: 0 -5px 0 -5px;
	}
.catalogeINSEC .buyBdiv {
	padding: 0 5px 0 5px;
	margin: 0 0 0 0;
    float: right;
	}
.catalogeINSEC .buyB {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    width: 100%;
 	color: #fff;
	height: 40px;
	opacity: 1;
    font-size: 17px;
    border-radius: 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.catalogeINSEC .buyB:hover {
    opacity: 0.8;
    box-shadow: none;
	}

.catalogeINSEC .noColor {
	font-family: A;
    font-size: 14px;
    color: #022FAA;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.catalogeINSEC .noColor:hover {
    color: #131313;
	}


.catalogeINSEC .AccordionSEC {
	padding: 0 0 0 0;
    margin: 0 0 20px 0;
	}

/* Updated CSS solution */
.catalogeINSEC .accordion-button {
    flex-direction: row; /* Keep default row direction */
    text-align: right; /* Align text to the right */
    padding-left: 2rem; /* Add padding for the arrow on the left */
    padding-right: 1.25rem; /* Maintain padding on the right */
    box-shadow: none;
    }
.catalogeINSEC .accordion-button i {
    margin-left: 10px;
    }

/* Move the arrow to the left side */
.catalogeINSEC .accordion-button::after {
    margin-right: auto; /* Push arrow to left */
    margin-left: 0;
    position: absolute;
    left: 1.25rem; /* Position arrow on the left */
    }

/* Keep RTL direction for accordion items */
.catalogeINSEC .accordion-item {
    direction: rtl;
    }

.catalogeINSEC .accordion-body {
    direction: rtl;
    text-align: right;
    font-size: 16px;
    line-height: 26px;
    }







/*------------------------------ Form --*/
.formCatalogInSEC {
	border-top: 1px solid #bdbdbe;
	padding-top: 10px;
	}

.formCatalogInSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}

.formCatalogInSEC .row {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}

.formCatalogInSEC .FormDe {
    padding: 0 0 0 0 ;
	margin: 0 0 0 0;
	font-family: I;
	letter-spacing: 1px;
	direction: rtl;
	text-align: right;
	font-size: 15px;
	color:#191919;
	text-transform: none;
	line-height: 18px;
	}

.formCatalogInSEC .formDiv {
    margin: 0 -10px 0 -10px;
	}

.formCatalogInSEC .r2 {
    padding: 15px 0 0 0;
    margin: 0 0 0 0;
	}

.formCatalogInSEC .colFL {
    padding: 0 0 0 10px;
    margin: 0 0 0 0;
	}

.formCatalogInSEC .colFR {
    padding: 0 10px 0 0;
    margin: 0 0 0 0;
	}

.formCatalogInSEC .colFM {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}

.formCatalogInSEC .cFormF {
	margin-bottom: 20px;
	border-radius: 0px;
	background: transparent;
	border-bottom: 1px solid #676767;
	border-top: 0px solid #e3e3e3;
	border-right: 0px solid #e3e3e3;
	border-left: 0px solid #e3e3e3;
	box-shadow: 0px 0px 0px #888888;
	height: 38px;
	padding-right: 2px;
	font-family: I;
	letter-spacing: 0.7px;
	font-size: 15px;
	direction: rtl;
	text-align: right;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.formCatalogInSEC .cFormF:focus {
	background: rgba(255,255,255,0.8);
	padding-right: 10px;
	border-bottom: 1px solid #DF003E;
	}

.formCatalogInSEC .cFormF2 {
	margin-bottom: 20px;
	border-radius: 0px;
	font-family: I;
	letter-spacing: 0.7px;
	font-size: 15px;
	direction: rtl;
	text-align: right;
	background: transparent;
	border-bottom: 1px solid #676767;
	border-top: 0px solid #e3e3e3;
	border-right: 0px solid #e3e3e3;
	border-left: 0px solid #e3e3e3;
	box-shadow: 0px 0px 0px #888888;
	padding-right: 2px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.formCatalogInSEC .cFormF2:focus {
	background: rgba(255,255,255,0.8);
	padding-right: 10px;
	border-bottom: 1px solid #DF003E;
	}

.formCatalogInSEC .FormBu {
	/*font-family: L;*/
	font-family: I;
	text-transform: none;
	letter-spacing: 1px;
	font-size: 14px;
	width:100%;
	padding: 7px 0 7px 0;
	margin-top: 13px;
	background-color: #4a4b4b;
    color: #fff;
	border-bottom: 1px solid #3e205a;
	border-top: 0px solid #cccccc; 
	border-right: 0px solid #cccccc; 
	border-left: 0px solid #cccccc; 
	border-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.formCatalogInSEC .FormBu:hover {
	background-color:#151515;
	color:#fff;
	border-bottom: 1px solid #fff;
	}

@media (max-width: 575.98px) {
    .catalogeINSEC .buyB {margin: 10px 0 0 0; width: 100%;}
    .catalogeINSEC #row_buyBdiv {margin: 0 0 0 0;}
    .catalogeINSEC .buyBdiv {padding: 0 0 0 0;}
    
    
    
    
	}
@media (max-width: 767.98px) { 
	}
@media (max-width: 991.98px) {
	.catalogeINSEC .row {padding: 0 0;margin: 140px auto 0 auto;}
	.catalogeINSEC {padding: 15px 0 15px 0;}
	.catalogeINSEC .col1 {padding: 0 0 15px 0;}
	.catalogeINSEC .col2 {padding: 0 20px 0 20px;}
	.catalogeINSEC .inDetails {margin-top: 5px;margin-bottom: 15px;}
	.formCatalogInSEC .row {padding: 0 0 0 0;}
	.formCatalogInSEC .r1 {margin: 0 0 0 0;}
	.formCatalogInSEC .r2 {padding: 10px 0 0 0; margin: 0 0 0 0;}
	.formCatalogInSEC .colFL {padding: 0 0 0 0;}
	.formCatalogInSEC .colFR {padding: 0 0 0 0;}
	}
@media (max-width: 1199.98px) { 
	}
@media (max-width: 1399.98px) { 
	}

/*------------------------------------------------------------------------------------------------------------------------ invoice --*/
.invoiceSEC {
    padding: 20px 0 30px 0;
	}
.invoiceSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.invoiceSEC .row {
	max-width: 1300px;
    padding: 100px 25px 0 25px;
    margin: 0 auto;
	direction: rtl;
	}

.invoiceSEC .invTitleCol {
	padding: 12px 0 12px 20px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #D3D3D3;
	font-family: I;
	direction: rtl;
	text-align: right;
	font-weight: bold;
	font-size: 40px;
	color: #565656;
	letter-spacing: 1px;
    }
.invoiceSEC .invNumber {
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
    }

.invoiceSEC .invItemCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	direction: rtl;
	border-bottom: 1px solid #D5D5D5;
    }
.invoiceSEC .itemCola {
	padding: 12px 0 12px 0;
	margin: 0 0 0 0;
	float: right;
    }
.invoiceSEC .invItemIMG {
	width: 100%;
	height: auto;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
    }
.invoiceSEC .invItemIMG:hover {
	opacity: 0.8;
    }
.invoiceSEC .itemColb {
	padding: 120px 20px 12px 0px;
	margin: 0 0 0 0;
	float: right;
	text-align: right;
	font-family: I;
	direction: rtl;
	font-size: 16px;
	color: #0D0D0D;
	letter-spacing: 1px;
    }
.invoiceSEC .itemColc {
	padding: 120px 0 12px 20px;
	margin: 0 0 0 0;
	float: right;
	text-align: left;
	font-family: I;
	direction: rtl;
	font-size: 16px;
	color: #0D0D0D;
	letter-spacing: 1px;
    }
.invoiceSEC .f1 {
	height: 30px;
	width: 60px;
	font-family: I;
	font-size: 14px;
	border-radius: 0px;
	float: left;
	direction: rtl;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	margin-top: -4px;
    }
.invoiceSEC .itemCold {
	padding: 120px 20px 12px 0px;
	margin: 0 0 0 0;
	float: right;
	text-align: right;
	font-family: I;
	direction: rtl;
	font-size: 16px;
	color: #0D0D0D;
	letter-spacing: 1px;
    }
.invoiceSEC .rBu {
	width: 90px;
	height: 26px;
	font-size: 15px;
	letter-spacing: 0.2px;
	line-height: 24px;
	margin-top: -3px;
    color: #fff;
	border: 0;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.invoiceSEC .itemCole {
	padding: 113px 0 0 0;
	margin: 0 0 0 0;
	float: right;
	text-align: left;
	direction: rtl;
	font-weight: normal;
	font-family: I;
	font-size: 20px;
	color: #565656;
	letter-spacing: 0.5px;
    }

.invoiceSEC .grandTotal {
	padding: 0 0 0 0;
	margin: 10px 0 40px 0;
	height: 40px;
	line-height: 40px;
	float: right;
	text-align: left;
	direction: rtl;
	font-weight: normal;
	font-family: I;
	font-size: 22px;
	color: #393939;
	letter-spacing: 1.5px;
    }

.invoiceSEC .formDiv {
	margin: 0 -10px 0 -10px;
	direction: rtl;
	}

.invoiceSEC .fCol {
	padding: 0 10px 0 10px;
	margin: 0 0 20px 0;
	float: right;
	}

.invoiceSEC .cFormF {
	border-radius: 0px;
	background: transparent;
	border-bottom: 1px solid #676767;
	border-top: 0px solid #e3e3e3;
	border-right: 0px solid #e3e3e3;
	border-left: 0px solid #e3e3e3;
	box-shadow: 0px 0px 0px #888888;
	height: 38px;
	padding-right: 2px;
	font-family: I;
	font-size: 15px;
	direction: rtl;
	text-align: right;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.invoiceSEC .cFormF:focus {
	background: rgba(255,255,255,0.8);
	padding-right: 10px;
	border-bottom: 1px solid #DF003E;
	}

.invoiceSEC .cFormF2 {
	border-radius: 0px;
	background: transparent;
	border-bottom: 1px solid #676767;
	border-top: 0px solid #e3e3e3;
	border-right: 0px solid #e3e3e3;
	border-left: 0px solid #e3e3e3;
	box-shadow: 0px 0px 0px #888888;
	padding-right: 2px;
	font-family: I;
	font-size: 15px;
	direction: rtl;
	text-align: right;
	letter-spacing: 1px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
.invoiceSEC .cFormF2:focus {
	background: rgba(255,255,255,0.8);
	padding-right: 10px;
	border-bottom: 1px solid #DF003E;
	}

.invoiceSEC .FormBu {
	width:100%;
	background-color: #4a4b4b;
    color: #fff;
	font-family: I;
	direction: rtl;
	letter-spacing: 1px;
	border-bottom: 1px solid #3e205a;
	border-top: 0px solid #cccccc; 
	border-right: 0px solid #cccccc; 
	border-left: 0px solid #cccccc; 
	border-radius: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.invoiceSEC .FormBu:hover {
	background-color:#151515;
	color:#fff;
	border-bottom: 1px solid #fff;
	}

.invoiceSEC .invColor {
	vertical-align: -3px;
	}


@media (max-width: 575.98px) {
	.invoiceSEC {padding: 20px 0 20px 0;}
	.invoiceSEC .row { padding: 150px 20px 0 20px;}
	.invoiceSEC .invTitleCol {font-size: 26px;letter-spacing: 2.5px;}
	.invoiceSEC .invNumber {font-size: 13px;letter-spacing: 1.5px;}
	.invoiceSEC .invItemCol {padding: 0 0 0 0;}
	.invoiceSEC .itemCola {padding: 12px 0 12px 0;}
	.invoiceSEC .itemColb {padding: 0 0 12px 5px;}
	.invoiceSEC .itemColc {padding: 0px 0 12px 5px;}
	.invoiceSEC .f1 {float: none;}
	.invoiceSEC .itemCold {padding: 5px 0 12px 5px;}
	.invoiceSEC .itemCole {padding: 0 20px 10px 5px;text-align: left;}
	.invoiceSEC .grandTotal {text-align: center;}
	.invoiceSEC .formDiv {margin: 0 0 0 0;}	
	.invoiceSEC .fCol {padding: 0 0 0 0;margin: 0 0 0 0;}
	}
@media (max-width: 767.98px) { 
	}
@media (max-width: 991.98px) {
	.invoiceSEC {padding: 20px 0 20px 0;}
	.invoiceSEC .row { padding: 150px 20px 0 20px;}
	.invoiceSEC .invTitleCol {font-size: 26px;letter-spacing: 2.5px;}
	.invoiceSEC .invNumber {font-size: 13px;letter-spacing: 1.5px;}
	.invoiceSEC .invItemCol {padding: 0 0 0 0;}
	.invoiceSEC .itemCola {padding: 12px 0 12px 0;}
	.invoiceSEC .itemColb {padding: 0 0 12px 5px;}
	.invoiceSEC .itemColc {padding: 0px 0 12px 5px;}
	.invoiceSEC .f1 {float: none;}
	.invoiceSEC .itemCold {padding: 5px 0 12px 5px;}
	.invoiceSEC .itemCole {padding: 0 20px 10px 5px;text-align: left;}
	.invoiceSEC .grandTotal {text-align: center;}
	.invoiceSEC .formDiv {margin: 0 0 0 0;}	
	.invoiceSEC .fCol {padding: 0 0 0 0;margin: 0 0 0 0;}
	}
@media (max-width: 1199.98px) { 
	}
@media (max-width: 1399.98px) { 
	}

/*--------------------------------------------------------------------------------------------------------------------------- sent --*/

.sentSEC {
	}
.sentSEC .container-fluid {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	}
.sentSEC .row {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	}
.sentSEC .sentCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	align-self: center;
	text-align: center;
	color: #131313;
	font-family: I;
	direction: rtl;
	letter-spacing: 1px;
	font-size: 28px;
	line-height: 15px;
	}

.sentSEC .sentCol i {
	color:#316A09;
	font-size: 46px;
	}

.sentSEC .sentCol a {
	color: #071AAF;
	font-size: 14px;
	font-family: I;
	direction: rtl;
	}



/*---------------------------------------------------------------------------------------------------------- inHeader --*/
.inHeaderSEC {
	position: absolute;
	width: 100%;
	}
.inHeaderSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url("../images+/inHeaderBackgroung.jpg") top right no-repeat;
	}
.inHeaderSEC .row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 475px;
	}
.inHeaderSEC .col {
	margin: 0 0 0 0;
	padding: 0 0 0 70px;
	height: 475px;
	line-height: 400px;
	}

@media only screen and (max-width: 570px) {
	.inHeaderSEC .container-fluid {background: url("../images+/inBackground.jpg") center center no-repeat;}
	.inHeaderSEC .container-fluid {background: linear-gradient(0deg, rgba(188,194,197,1) 0%, rgba(216,219,219,1) 100%)}
	.inHeaderSEC .row {height: 250px;}
	.inHeaderSEC .col {padding: 0 30px 0 30px;height: 250px;line-height: 250px; text-align: center;}
	}

@media only screen and (max-width: 823px) {
	.inHeaderSEC .container-fluid {background: url("../images+/inBackground.jpg") center center no-repeat;}
	.inHeaderSEC .row {height: 250px;}
	.inHeaderSEC .col {padding: 0 25px 0 25px;height: 250px;line-height: 250px; text-align: center;}
	}

@media (min-width: 1024px) and (max-width: 1365px) {
	.inHeaderSEC .container-fluid {background: url("../images+/inBackground.jpg") center center no-repeat;}
	.inHeaderSEC .row {height: 250px;}
	.inHeaderSEC .col {padding: 0 25px 0 25px;height: 250px;line-height: 250px; text-align: center;}
	}

/*----------------------------------------------------------------------------------------------------------------- inMenu --*/
.inMenuSEC {
	padding-top: 400px;
	}
.inMenuSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.inMenuSEC .row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.inMenuSEC .col1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.inMenuSEC .r2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 75px;
	background-color: rgba(44,44,44,0.8);
	}
.inMenuSEC .col1a {
	padding: 0 0 0 0;
	margin: 0 auto;
	max-width: 1133px;
	height: 75px;
	color: #6b6b6b;
	line-height: 75px;
	text-align: center;
	}

.inMenuSEC .menuL {
	font-family: M;
	font-size: 19px;
	color: #fff;
	letter-spacing: 4.7px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
.inMenuSEC .menuL:hover {
	color: #BFBFBF;;
	}
.inMenuSEC .menuLsep {
	font-family: M;
	font-size: 17px;
	color: #909090;
	margin: 0 57px;
	vertical-align: 1px;
	}

.inMenuSEC .col2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #2c2c2c;
	height: 22px;
	}

.inMenuSEC .col3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.navbar-dark .navbar-toggler {
    color: #fff;
    border-color: transparent;
	}

@media only screen and (max-width: 570px) {
	.inMenuSEC {padding-top: 250px;}
	}

@media only screen and (max-width: 823px) {
	.inMenuSEC {padding-top: 250px;}
	}

@media (min-width: 1024px) and (max-width: 1365px) {
	.inMenuSEC {padding-top: 250px;}
	.inMenuSEC .r2 {height: 70px;}
	.inMenuSEC .col1a {height: 70px;line-height: 70px;}
	.inMenuSEC .menuL {font-size: 13px;letter-spacing: 4px;}
	.inMenuSEC .menuLsep {font-size: 17px;margin: 0 40px;vertical-align: 0px;}
	.inMenuSEC .col2 {height: 20px;}
	}





































@media only screen and (max-width: 570px) {
	}

@media only screen and (max-width: 823px) {
	}

@media (min-width: 1024px) and (max-width: 1365px) { /* tab portrait*/
	}










/*-------------------------------------------------------------------------------------------------------------------- side icons ---*/

.whatsapp-float {
	position: fixed;
	bottom: 20px;
	left: 25px;
	z-index: 1000;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
.whatsapp-float:hover {
	opacity: 0.8;
	}
.whatsapp-icon {
	width: 50px;
	height: 50px;
	}
.whatsapp-float a {
	display: inline-block;
	text-decoration: none;
	}

/*------------------------------------ social icons --*/

.floating-button {
	position: fixed;
	bottom: 80px;
	left: 25px;
	background-color:#0B2760;
	color: white;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	}

.floating-menu {
	position: fixed;
	bottom: 140px;
	left: 25px;
	display: none;
	flex-direction: column;
	gap: 10px;
	z-index: 1000;
	}

.floating-menu a {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	border-radius: 50%;
	text-decoration: none;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}	

.floating-menu a:hover {
	opacity: 0.8;
	}

.floating-menu a img {
	width: 50px;
	height: 50px;
	}

@media (max-width: 575.98px) { 
	.floating-button {padding-bottom: 0px;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	}
@media (min-width: 820px) and (max-width: 1180.98px) {
	}
@media (min-width: 913px) and (max-width: 1199.98px) { 
	}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	}