@charset "utf-8";
@font-face {
font-family: A;
src: url('../fonts/Raleway-Light.ttf');
}
@font-face {
font-family: B;
src: url('../fonts/Raleway-Regular.ttf');
	}
@font-face {
font-family: C;
src: url('../fonts/Raleway-Medium.ttf');
	}
@font-face {
font-family: D;
src: url('../fonts/Raleway-SemiBold.ttf');
	}
@font-face {
font-family: E;
src: url('../fonts/Swz721t.TTF');
	}
@font-face {
font-family: F;
src: url('../fonts/HelveticaLight.otf');
}
@font-face {
font-family: Z;
src: url('../fonts/tt0375m_.ttf');
	}
@font-face {
font-family: ZZ;
src: url('../fonts/TheSans-Plain.otf');
	}
@font-face {
font-family: G;
src: url('../fonts/Acens.ttf');
	}
@font-face {
font-family: H;
src: url('../fonts/MyriadPro-Regular.otf');
	}
@font-face {
font-family: I;
src: url('../fonts/CLEARGL.TTF');
	}

@font-face {
font-family: K;
src: url('../fonts/angltrr.ttf');
	}
@font-face {
font-family: L;
src: url('../fonts/PonaMedium.ttf');
	}
@font-face {
font-family: M;
src: url('../fonts/PonaSemiBold.ttf');
	}
@font-face {
font-family: N;
src: url('../fonts/PonaBold.ttf');
	}

@font-face {
font-family: AR1;
src: url('../fonts/Cairo-Light.ttf');
	}
@font-face {
font-family: AR2;
src: url('../fonts/Cairo-Regular.ttf');
	}
@font-face {
font-family: AR3;
src: url('../fonts/Cairo-Medium.ttf');
	}
@font-face {
font-family: AR4;
src: url('../fonts/Cairo-SemiBold.ttf');
	}


body {
	margin:0 auto;
	padding: 0;
	background-color: #f8f8f8;
	/*background: url("../images+/landingBackground.jpg") top left;
	background-repeat: no-repeat;
	background-size: cover;*/
	}

/* scrol bar */
::-webkit-scrollbar
{width: 10px;}
::-webkit-scrollbar-track {background:#f4f4f4;}
::-webkit-scrollbar-thumb {background:#eaeaea;}
::-webkit-scrollbar-thumb:hover {background: #d3d3d3;}

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

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

/*---------------------------------------------------------------------------------------------------------------------------- Header*/

.headerSEC {
    }

headerSEC {
	position: fixed;
	width: 100%;
	z-index: 101;
	background-color:rgba(255,255,255,0.9);
	height: 86px;
	-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: 54px;
	background-color:rgba(255,255,255,0.95);
	}

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: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	line-height: 80px;
	float: 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 .col1 {
	line-height: 45px;
	-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 {
	height: 55px;
	width: auto;
	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.8;
	-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 img {
	height: 34px;
	width: auto;
	-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;
	line-height: 86px;
	float: left;
	direction: ltr;
	text-align: right;
	/* gpt */
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	flex-wrap: nowrap;
	float: none;  
	/* gpt */
	-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 {
	line-height: 54px;
	-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 .menuLink {
	position: relative;
	font-family: B;
	color:#5d2309;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 25px;
	-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 .menuLink {
	color:#5d2309;
	font-size: 13px;
	-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 .menuLink:hover {
	color:#82380f;
	}

headerSEC .menuLink:after {
	content: '';
	position: absolute;
	width: 0; height: 0.5px;
	display: block;
	margin-top: -30px;
	right: 0;
	background: #82380f;
	transition: width .4s ease;
	-webkit-transition: width .4s ease;
	}

headerSEC.smaller .menuLink:after {
	margin-top: -16px;
	}

headerSEC .menuLink:hover:after{
	width: 100%;
	left: 0;
	background: #82380f;
	}

headerSEC .col2 .sp1 {
	position: relative;
	font-family: B;
	color:#5d2309;
	font-size: 14px;
	margin-right: 25px;
	-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 .sp1 {
	margin-right: 15px;
	-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;
	}

	/* gpt */
	headerSEC .menuLink,
	headerSEC .sp1{
	white-space: nowrap;
	}
	/* gpt */

headerSEC .menuLinkL {
	position: relative;
	font-family: B;
	color:#5d2309;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 4px;
	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.smaller .menuLinkL {
	color:#5d2309;
	font-size: 13px;
	-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 .menuLinkL:hover {
	color:#82380f;
	opacity: 0.7;
	}

headerSEC .col2 .sp2 {
	position: relative;
	font-family: B;
	color:#5d2309;
	font-size: 14px;
	margin-right: 4px;
	opacity: 0.5;
	-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 .sp2 {
	margin-right: 4px;
	-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 .langImg {
	height: 24px;
	width: auto;
	margin-left: 10px;
	margin-right: 3px;
	vertical-align: -6px;
	-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 .langImg {
	height: 18px;
	vertical-align: -3px;
	}

	/* gpt */
headerSEC .langGroup{
	display: inline-flex;
	align-items: center;
	margin-left: 14px;     /* مسافة بعد الباسكت */
	white-space: nowrap;
	}
	/* gpt */

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

.headerSECs {
	width: 100%;
	z-index: 10;
	position: absolute;
	background-color:rgba(255,255,255,0.95);
	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;
	}

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

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

.headerSECs .col0 {
	padding: 17px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	}
.headerSECs .col0 img {
	height: 40px;
	width: auto;
	float: none;
	margin: 0 auto;
	}
.headerSECs .col0 .smenu {
	float: right;
	margin-right: 10px;
	font-size: 34px;
    position: absolute;
    right: 10px;
	}
.headerSECs .col0 .smenu i, .headerSECs .col0 .smenu i:hover, .headerSECs .col0 .smenu i:focus, .headerSECs .col0 .smenu i:active {
	color: #643413;
	}

.headerSECs .col1 {
	padding: 0 0 0 0;
	}

.headerSECs .menuDiv {
	padding: 20px 25px 0 0;
	margin: 0 0 0 0;
	width: 100%;
	text-align: right;
	z-index: 2;
	}
.headerSECs .menuDiv a {
	}
.headerSECs .menuDiv i {
	color: #64320c;
	font-size: 30px;
	}

.headerSECs .menuDivIN {
	padding: 45px 30px 0 0;
	margin: 0 0 0 0;
	width: 100%;
	text-align: right;
	position: absolute;
	z-index: 9;
	}
.headerSECs .menuDivIN a {
	}
.headerSECs .menuDivIN i {
	color: #64320c;
	font-size: 50px;
	}

.headerSECs .offcanvas {
	background-color:#f8f8f8;
	}

.headerSECs .offcanvas-header {
	text-align: right;
	direction: rtl;
	float: right;
	background-color:#f8f8f8;
	width: 100%;
	}

.headerSECs .closeBu {
	margin-top: 20px;
	margin-right: 20px;
	font-size: 22px;
	border: 0px;
	background: transparent;
	}

.headerSECs .closeBu i {
	color: #64320c;
	font-size: 30px;
	}

.headerSECs .offcanvas-body {
	padding: 20px 0 0 40px;
	line-height: 46px;
	background-color: #f8f8f8;
	}

.headerSECs .offcanvas-body a {
	font-family: B;
	color: #64320c;
	letter-spacing: 1px;
	text-transform: uppercase;
	}

.headerSECs .langLine {
	height: 1px;
	width: 85%;
	margin: 20px 0 20px 0;
	}
.headerSECs .lanIMG {
	height: 15px;
	width: auto;
	vertical-align: -1px;
	margin-right: 5px;
	}

.headerSECs .sideF {
	font-size: 22px;
	}
.headerSECs .langF {
	font-size: 20px;
	color: #64320c;
	letter-spacing: 1px;
	}

.headerSECs .sp3 {
	position: relative;
	font-family: B;
	color:#5d2309;
	font-size: 18px;
	margin-right: 10px;
	margin-left: 10px;
	}


@media (max-width: 575.98px) { 
	.headerSECs {position: fixed;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.headerSECs {position: fixed;}
	}
@media (min-width: 820px) and (max-width: 1180.98px) {
	.headerSECs {position: fixed;}
	}
@media (min-width: 913px) and (max-width: 1199.98px) { 
	}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	}

/*----------------------------------------------------------------------------------------------------------------------- H slider --*/

.hSliderSEC .carousel {
	position: relative;
	}

.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 .carousel {
	padding: 0 0 0 0;
	}

.hSliderSEC .carousel-indicators {
	text-align: center;
	}

.hSliderSEC .carousel-inner {
	margin: 0 0 0 0;
	height: 100vh;
	}

.hSliderSEC .carousel-inner .carousel-item {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
	width: 100%;
	background-position: center center;
	}
.hSliderSEC .carousel-caption {
	bottom: 30px;
	}

.hSliderSEC .custom-btn {
	position: absolute;
	bottom: 100px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
	text-align: center;
	}
.hSliderSEC #h_caBu {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid #fff;
	font-family: B;
	font-size: 18px;
	color: #643413;
	padding: 8px 16px;
	border-radius: 0px;
	transition: 0.3s ease;
	}
.hSliderSEC #h_caBu:hover {
	background-color: #643413;
	border: 1px solid #643413;
	color: #fff;
	}

@media (max-width: 575.98px) { 
.hSliderSEC .carousel { height: 40vh; }
.hSliderSEC .carousel-inner { height: 40vh; }
.hSliderSEC .carousel-inner .carousel-item {
	height: 40vh;
	width: 100%;
	background-position: center center;
	}
.hSliderSEC .carousel-inner { overflow: visible; }
	.hSliderSEC .custom-btn {bottom: 2px;}
	.hSliderSEC #h_caBu {font-size: 14px;padding: 6px 10px;}
	}
@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) { 
	}

/*----------------------------------------------------------------------------------------------------------------------- main video */

.H_videoSEC {
	}
.H_videoSEC .Poverlay {
	background-color:rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	}
.H_videoSEC .container-fluid {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.H_videoSEC .row {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	}
.H_videoSEC .col0 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.H_videoSEC .col1 {
	padding: 120px 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-family: AA;
	text-transform: uppercase;
	color:#fff;
	font-size: 45px;
	letter-spacing: 0.5px;
	line-height: 45px;
	}
.H_videoSEC .colDes {
	padding: 30px 0 0 0;
	margin: 0 auto;
	max-width: 750px;
	text-align: center;
	font-family: G;
	color:#d4d4d4;
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 19px;
	}
.H_videoSEC button {
	padding: 10px 20px 10px 20px;
	margin-top: 30px;
	width: 200px;
	text-align: center;
	text-transform: uppercase;
	font-family: B;
	color:#fff;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0px;
	font-size: 18px;
	letter-spacing: 0.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;
	}
.H_videoSEC button:hover {
	color:#5d2309;
	border: 1px solid #fff;
	background-color: #fff;
	}

.H_videoSEC .col2 {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	text-align: center;
	}

.H_videoSEC .jarallax {
    min-height: 100vh;
	}

@media (max-width: 575.98px) { 
	.H_videoSEC .col1 {padding: 120px 25px 0 25px;font-size: 28px;line-height: 32px;letter-spacing: 0px;}
	.H_videoSEC .colDes {padding: 30px 25px 0 25px;line-height: 18px;}
	.H_videoSEC button {letter-spacing: 0.8px;}
	/* .H_videoSEC .Poverlay {margin-top: 80px;} */
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.H_videoSEC .col1 {padding: 120px 25px 0 25px;font-size: 28px;line-height: 32px;letter-spacing: 0px;}
	.H_videoSEC .colDes {padding: 30px 25px 0 25px;line-height: 18px;}
	.H_videoSEC button {letter-spacing: 0.8px;}
	}
@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) { 
	}
/*@media (max-width: 575.98px) {
	}
@media (max-width: 767.98px) { 
	}
@media (max-width: 991.98px) {
	}
@media (max-width: 1199.98px) { 
	.H_videoSEC {background: url("../images+/mainBackground.jpg") bottom left no-repeat; background-size: cover}
	.H_videoSEC .Poverlay {background-color: transparent}
	}
@media (max-width: 1399.98px) { 
	}*/


/*---------------------------------------------------------------------------------------------------------------------- in Banner --*/

.inBannerSEC {
	}
.inBannerSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.inBannerSEC .row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100vh;
	align-content: center;
	}

.inBannerSEC .col1 {
	margin: 0 0 0 0;
	padding: 100px 0 0 0;
	text-align: center;
	font-family: D;
	color:#fff;
	font-size: 60px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

@media (max-width: 575.98px) { 
	.inBannerSEC .row {height: 70vh;}
	.inBannerSEC .col1 {padding: 100px 0 0 0;font-size: 50px;line-height: 60px;letter-spacing: 0px;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.inBannerSEC .row {height: 50vh;}
	.inBannerSEC .col1 {padding: 100px 0 0 0;font-size: 60px;line-height: 60px;letter-spacing: 0px;}
	}
@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) { 
	}

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

.footerSEC {
	}
.footerSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 0 70px 50px 70px;
	background-color: transparent;
	}
.footerSEC .row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #CBCBCB;
	}

.footerSEC .col1 {
	margin: 0 0 0 0;
	padding: 50px 0 0 0;
	text-align: left;
	font-family: C;
	color:#929292;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}
.footerSEC .fIcons {
	margin: 0 auto;
	float: none;
	display: inline-flex;
	}
.footerSEC .iconContainter1, .footerSEC .iconContainter2, .footerSEC .iconContainter3, .footerSEC .iconContainter4 {
	width: 30px;
	height: 30px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	opacity: 0.6;
	float: left;
	-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;
	}
.footerSEC .iconContainter1 {
	background: url("../images+/icons/facebook1.svg") no-repeat center center;
	}
.footerSEC .iconContainter1:hover {
	background: url("../images+/icons/facebook2.svg") no-repeat center center;opacity: 1;
	}
.footerSEC .iconContainter2 {
	background: url("../images+/icons/whatsapp1.svg") no-repeat center center;
	}
.footerSEC .iconContainter2:hover {
	background: url("../images+/icons/whatsapp2.svg") no-repeat center center;opacity: 1;
	}
.footerSEC .iconContainter3 {
	background: url("../images+/icons/instagram1.svg") no-repeat center center;
	}
.footerSEC .iconContainter3:hover {
	background: url("../images+/icons/instagram2.svg") no-repeat center center;opacity: 1;
	}
.footerSEC .iconContainter4 {
	background: url("../images+/icons/snapchat1.svg") no-repeat center center;
	}
.footerSEC .iconContainter4:hover {
	background: url("../images+/icons/snapchat2.svg") no-repeat center center;opacity: 1;
	}

.footerSEC .col2 {
	margin: 0 0 0 0;
	padding: 50px 0 0 0;
	text-align: center;
	font-family: C;
	color:#5C5C5C;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	}

.footerSEC .col3 {
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	text-align: center;
	font-family: C;
	color:#5C5C5C;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-top: 1px solid #CBCBCB;
	}

@media (max-width: 575.98px) { 
	.footerSEC .container-fluid {padding: 0 25px 50px 25px;}
	.footerSEC .col1 {padding: 35px 0 0 0;}
	.footerSEC .col2 {padding: 25px 0 0 0;}
	.footerSEC .col3 {margin: 20px 0 0 0;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.footerSEC .container-fluid {padding: 0 25px 50px 25px;}
	.footerSEC .col1 {padding: 35px 0 0 0;}
	.footerSEC .col2 {padding: 25px 0 0 0;}
	.footerSEC .col3 {margin: 20px 0 0 0;}
	}
@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) { 
	}

/*------------------------------------------------------------------------------------------------------------------------ H About --*/

.hAboutSEC {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	}
.hAboutSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 100px 70px 100px 70px;
	}
.hAboutSEC .row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.hAboutSEC .col1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	}
.hAboutSEC .col1 img {
	width: 350px;
	height: auto;
	}

.hAboutSEC .col2 {
	margin: 0 auto;
	padding: 40px 0 0 0;
	max-width: 97%;
	text-align: center;
	font-family: B;
	color:#5e3b23;
	font-size: 16.5px;
	line-height: 23px;
	letter-spacing: 0.3px;
	}

@media (max-width: 575.98px) { 
	.hAboutSEC .container-fluid {padding: 40px 25px 40px 25px;}
	.hAboutSEC .col1 img {width: 300px;}
	.hAboutSEC .col2 {padding: 35px 0 0 0;max-width: 100%;}
	}
@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) { 
	}

/*--------------------------------------------------------------------------------------------------------------------- H Category --*/

.hCategorySEC {
	}
.hCategorySEC .container-fluid {
	margin: 0 0 0 0;
	padding: 50px 70px 30px 70px;
	}
.hCategorySEC .row {
	margin: 0 auto;
	padding: 0 0 0 0;
	max-width: 1100px;
	}

.hCategorySEC .col1 {
	margin: 0 0 0 0;
	padding: 0 10px 20px 10px;
	text-align: center;
	}

.hCategorySEC .carousel-item img {
	border-radius: 4px;
	}
.hCategorySEC .carousel-caption {
    position: absolute;
    right: 5%;
    bottom: 1.25rem;
    left: 5%;
    font-family: A;
	color: #fff;
	font-size: 26px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 18px;
	border-radius: 0px;
	background-color: rgba(100, 50, 12, 0.5);
	-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;
	}
.hCategorySEC .carousel-caption:hover {
	background-color: rgba(100, 50, 12, 1);
	}

@media (max-width: 575.98px) { 
	.hCategorySEC .container-fluid {padding: 40px 25px 20px 25px;}
	.hCategorySEC .row {max-width: auto;}
	.hCategorySEC .col1 {padding: 0 0 20px 0;}
	.hCategorySEC .carousel-caption {font-size: 26px;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.hCategorySEC .container-fluid {padding: 40px 30px 20px 30px;}
	.hCategorySEC .row {max-width: auto;}
	.hCategorySEC .col1 {padding: 0 10px 20px 10px;}
	.hCategorySEC .carousel-caption {font-size: 22px;}
	}
@media (min-width: 820px) and (max-width: 1180.98px) {
	.hCategorySEC .container-fluid {padding: 40px 30px 20px 30px;}
	.hCategorySEC .row {max-width: auto;}
	.hCategorySEC .col1 {padding: 0 10px 20px 10px;}
	.hCategorySEC .carousel-caption {font-size: 22px;}
	}
@media (min-width: 913px) and (max-width: 1199.98px) { 
	.hCategorySEC .carousel-caption {font-size: 22px;}
	}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	}

/*--------------------------------------------------------------------------------------------------------------------- H parallax --*/

.hParallax {
	height: 450px;
	}
.hParallax .container-fluid {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
.hParallax .row {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.hParallax .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	min-height: 450px;
	}


/*---------------------------------------------------------------------------------------------------------------------- home news --*/

.hNewsSEC {
	overflow: hidden;
	}

.hNewsSEC .container-fluid {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.hNewsSEC .row {
	padding: 50px 70px 50px 70px;
	margin: 0 0 0 0;
	}

.hNewsSEC .col1 {
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
	float: left;
	}
.hNewsSEC .col1 h4 {
	font-family: A;
	font-size: 60px;
	letter-spacing: 3px;
	color: #64320c;
	text-transform: uppercase;
	}
.hNewsSEC .col1 h6 {
	font-family: B;
	font-size: 16px;
	color: #9d4300;
	text-transform: uppercase;
	}
.hNewsSEC .col1 p {
	font-family: A;
	font-size: 32px;
	letter-spacing: 0.5px;
	color: #64320c;
	margin-top: 30px;
	line-height: 40px;
	}
.hNewsSEC .col1 span {
	font-family: B;
	font-size: 18px;
	letter-spacing: 0.5px;
	color:#7C7C7C;
	margin-top: 30px;
	}
.hNewsSEC .col1 button {
	padding: 8px 16px 6px 16px;
	border: 1px solid #64320c;
	border-radius: 0px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #64320c;
	font-family: B;
	font-size: 15px;
	-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;
	}
.hNewsSEC .col1 button:hover {
	color:#fff;
	border: 1px solid #502708;
	background-color: #502708;	
	}

.hNewsSEC .col2{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	/*height: 200px;
	background-color: aqua;*/
	}
.hNewsSEC .col2 img {
	width: 100%;
	height: auto;
	border-radius: 4px; 
	}

@media (max-width: 575.98px) { 
	.hNewsSEC .row {padding: 30px 25px 30px 25px;}
	.hNewsSEC .col1 {padding: 0 0 0 0;}
	.hNewsSEC .col1 h4 {font-size: 51px;line-height: 51px;}
	.hNewsSEC .col1 p {font-size: 30px;line-height: 34px;}
	.hNewsSEC .col2{padding: 20px 0 0 0;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.hNewsSEC .row {padding: 40px 25px 40px 25px;}
	.hNewsSEC .col1 {padding: 0 0 0 0;}
	.hNewsSEC .col1 h4 {font-size: 51px;line-height: 51px;}
	.hNewsSEC .col1 p {font-size: 30px;line-height: 34px;}
	.hNewsSEC .col2{padding: 20px 0 0 0;}
	}
@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) { 
	}

/*-------------------------------------------------------------------------------------------------------------------- home contacts */

.hContacts {
	}
.hContacts .container-fluid {
	padding: 0 70px 0 70px;
	margin: 0 0 0 0;
	}
.hContacts .row {
	padding: 40px 0 40px 0;
	margin: 0 0 0 0;
	border-top: 1px solid #CBCBCB;
	}

.hContacts .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #64320c;
	font-family: A;
	font-size: 36px;
	letter-spacing: 0.5px;
	line-height: 64px;
	}

.hContacts .col2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.hContacts .col2 button {
	padding: 12px 30px 9px 30px;
	border: 1px solid #64320c;
	border-radius: 0px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #64320c;
	float: right;
	font-family: A;
	font-size: 22px;
	-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;
	}
.hContacts .col2 button:hover {
	color:#64320c;
	border: 1px solid #64320c;
	background-color: transparent;	
	}

@media (max-width: 575.98px) { 
	.hContacts .container-fluid {padding: 30px 25px 30px 25px;}
	.hContacts .col1 {text-align: center;font-size:30px; line-height: 34px;}
	.hContacts .col2 {text-align: center;}
	.hContacts .col2 button {float: none;margin-top: 20px;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.hContacts .container-fluid {padding: 30px 25px 30px 25px;}
	.hContacts .col1 {text-align: center;line-height: 34px;}
	.hContacts .col2 {text-align: center;}
	.hContacts .col2 button {float: none;margin-top: 20px;}
	}
@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) { 
	}

/*------------------------------------------------------------------------------------------------------------ home bottom gallery --*/

.hBgallerySEC {
	}

.hBgallerySEC .container-fluid {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.hBgallerySEC .row {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.hBgallerySEC .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.hBgallerySEC .carousel {
	padding: 0 0 0 0;
	}
.hBgallerySEC .carousel-inner {
	margin: 0 0 0 0;
	height: 100vh;
	}
.hBgallerySEC .carousel-inner .carousel-item {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 70vh;
	width: 100%;
	background-position: center center;
	}

/*------------------------------------------------------------------------------------------------------------ home parallax video --*/

.hParallaxSEC2 {
	}
.hParallaxSEC2 .jarallax {
    height: 100vh;
	}
.hParallaxSEC2 .Poverlay {
	background-color:rgba(7,10,37,0.0);
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 2;
	}

@media (max-width: 575.98px) { 
	.hParallaxSEC2 .jarallax, .hParallaxSEC2 .Poverlay { height: 60vh;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.hParallaxSEC2 .jarallax, .hParallaxSEC2 .Poverlay { height: 60vh;}
	}
@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) { 
	}

/*--------------------------------------------------------------------------------------------------------------------- About page --*/

.aboutSEC {
	}
.aboutSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 100px 70px 40px 70px;
	}
.aboutSEC .row {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.aboutSEC .col1 {
	padding: 0 30px 0 0;
	margin: 0 0 0 0;
	text-align: left;
	font-family: B;
	color:#5e3b23;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.5px;
	float: left;
	}
.aboutSEC .col1 img {
	width: 300px;
	height: auto;
	margin-bottom: 20px;
	}

.aboutSEC .col2 {
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	
	float: left;
	}

.aboutSEC .carousel {
	padding: 0 0 0 0;
	}
.aboutSEC .carousel-inner {
	margin: 0 0 0 0;
	height: 79vh;
	border-radius: 4px;
	}
.aboutSEC .carousel-inner .carousel-item {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 79vh;
	width: 100%;
	background-position: center center;
	}

@media (max-width: 575.98px) { 
	.aboutSEC .container-fluid {padding: 40px 25px 40px 25px;}
	.aboutSEC .col1 {padding: 0 0 20px 0;text-align: left;}
	.aboutSEC .col1 img {float: none;text-align: center;margin: 0 auto;display: block;}
	.aboutSEC .col2 {padding: 0 0 0 0;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.aboutSEC .container-fluid {padding: 40px 25px 40px 25px; max-width: 600px; margin: 0 auto;}
	.aboutSEC .col1 {padding: 0 0 20px 0;text-align: left;}
	.aboutSEC .col1 img {float: none;text-align: center;margin: 0 auto;display: block;}
	.aboutSEC .col2 {padding: 0 0 0 0;}
	}
@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) { 
	}

/*--------------------------------------------------------------------------------------------------------------------- Team --*/

.teamSEC {
	}
.teamSEC .container-fluid {
	margin: 0 0 0 0;
	padding: 0 70px 50px 70px;
	}
.teamSEC #teamR1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px solid #b3b3b3;;
	}

.teamSEC .titleCol {
	padding: 40px 0 25px 0;
	margin: 0 0 0 0;
	text-align: left;
	font-family: A;
	color:#5e3b23;
	font-size: 34px;
	line-height: 22px;
	letter-spacing: 0.5px;
	}

.teamSEC .desCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	font-family: B;
	color:#5e3b23;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.5px;
	}

.teamSEC #teamR2 {
	padding: 35px 0 25px 0;
	margin: 0 -15px 0 -15px;
	}
.teamSEC #teamR2 .pCol {
	padding: 0 15px 30px 15px;
	margin: 0 0 0 0;
	}
.teamSEC #teamR2 .team-card{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#ffffff;
	}
.teamSEC #teamR2 .team-img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	}
/* Overlay bar */
.teamSEC #teamR2 .team-overlay {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 12px 18px;
    background: rgba(90, 58, 42, 0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fff;
	}
.teamSEC #teamR2 .team-name{
	font-family: A;
	font-size:24px;
	letter-spacing: 0.5px;
	color: #fff;
	margin:0 0 1px 0;
	}
.teamSEC #teamR2 .team-role {
	font-family: B;
	font-size:14px;
	letter-spacing: 1px;
	color: rgba(255,255,255,.85);
	}

@media (max-width: 575.98px) { 
	.teamSEC .container-fluid {padding: 0 25px 20px 25px;}
	.teamSEC .titleCol {padding: 20px 0 20px 0;line-height: 36px;}
.teamSEC #teamR2 {
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	}
.teamSEC #teamR2 .pCol {
	padding: 0 0 25px 0;
	margin: 0 0 0 0;
	}
.teamSEC #teamR2 .team-card{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#ffffff;
	}
.teamSEC #teamR2 .team-img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	}
/* Overlay bar */
.teamSEC #teamR2 .team-overlay {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 12px 18px;
    background: rgba(90, 58, 42, 0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fff;
	}
.teamSEC #teamR2 .team-name{
	font-family: A;
	font-size:24px;
	letter-spacing: 0.5px;
	color: #fff;
	margin:0 0 1px 0;
	}
.teamSEC #teamR2 .team-role {
	font-family: B;
	font-size:14px;
	letter-spacing: 1px;
	color: rgba(255,255,255,.85);
	}










	}
@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) { 
	}


/* -------------------------------------------------------------------------------------------------------------------- news page -- */

.inNewsSEC {
	}
.inNewsSEC .container-fluid {
	padding: 50px 70px 50px 70px;
	margin: 0 0 0 0;
	}
.inNewsSEC .r1 {
	padding: 0 0 0 0;
	margin: 0 auto;
	}

.inNewsSEC .dateCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: B;
	font-size: 16px;
	color: #f17100;
	}
.inNewsSEC .TitleCol {
	padding: 0 0 0 0;
	margin: 5px 0 0 0;
	font-family: B;
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #0E0E0E;
	line-height: 44px;
	}

.inNewsSEC .colmedia {
	padding: 0 0 0 25px;
	margin: 0 0 0 0;
	}

.inNewsSEC .imagesCol {
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	}
.inNewsSEC .newsIMG {
	width: 100%;
	height: auto;
	border-radius: 4px;
	}

.inNewsSEC .desCol {
	padding: 0 0 0 0;
	margin: 10px 0 20px 0;
	font-family: B;
	font-size: 16px;
	color: #151515;
	line-height: 23px;
	}

.inNewsSEC .archivesCol {
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	}
.inNewsSEC .archiveCol {
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	}
.inNewsSEC .archiveDateCol {
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	color: #f17100;
	font-family: B;
	font-size: 14px;
	}
.inNewsSEC .archiveTitleCol {
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 0;
	background-color:#EFEFEF;
	color:#0E0E0E;
	font-family: B;
	border-radius: 4px;
	font-size: 18px;
	-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;
	}
.inNewsSEC .archiveTitleCol:hover {
	background-color:#5e3b23;
	color: #fff;
	}

@media (max-width: 575.98px) { 
	.inNewsSEC .container-fluid {padding: 30px 25px 30px 25px;}
	.inNewsSEC .colmedia {padding: 0 0 0 0;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.inNewsSEC .container-fluid {padding: 30px 25px 30px 25px;}
	.inNewsSEC .colmedia {padding: 0 0 0 0;}
	}
@media (min-width: 913px) and (max-width: 1199.98px) { 
	}
@media (min-width: 1200px) and (max-width: 1399.98px) { 
	}

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

.contactsSEC {
	}
.contactsSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.contactsSEC .row {
    padding: 50px 70px 25px 70px;
    margin: 0 0 0 0;
	}

.contactsSEC .Bracol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align:center;
	font-family:B;
	font-size:18px;
	color:#1A1A1A;
	letter-spacing:0.7px;
	font-weight:normal;
    line-height: 26px;
    }
.contactsSEC .Bracol a {
	color:#aa5511;
	display: inline-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;
	}
.contactsSEC .Bracol a:hover {
	color:#272727;
	}

.contactsSEC .branch-card {
	position:relative;
	width:75%;
	overflow:hidden;
	background:#ffffff;
	margin: 0 auto 20px auto;
	}
.contactsSEC .branch-img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	}
/* Overlay bar */
.contactsSEC .branch-overlay {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 12px 18px;
    background: rgba(90, 58, 42, 0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fff;
	}
.contactsSEC .branch-name {
	font-family: A;
	font-size:24px;
	letter-spacing: 0.5px;
	color: #fff;
	margin:0 0 1px 0;
	}
.contactsSEC .branch-role {
	font-family: B;
	font-size:13px;
	letter-spacing: 2px;
	color: rgba(255,255,255,.85);
	}

.contactsSEC .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align:center;
	font-family:B;
	font-size:18px;
	color:#1A1A1A;
	letter-spacing:0.7px;
	font-weight:normal;
    line-height: 26px;
    }
.contactsSEC .col1 a {
	color:#aa5511;
	display: inline-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;
	}
.contactsSEC .col1 a:hover {
	color:#272727;
	}
.contactsSEC .touchCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align:center;
    }

.contactsSEC .iconContainter1, .contactsSEC .iconContainter2, .contactsSEC .iconContainter3, .contactsSEC .iconContainter4 {
	width: 30px;
	height: 30px;
	margin-top: 5px;
	margin-right: 10px;
	opacity: 0.6;
	float: left;
	-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;
	}
.contactsSEC .iconContainter1 {
	background: url("../images+/icons/facebook1.svg") no-repeat center center;
	}
.contactsSEC .iconContainter1:hover {
	background: url("../images+/icons/facebook2.svg") no-repeat center center;opacity: 1;
	}
.contactsSEC .iconContainter2 {
	background: url("../images+/icons/whatsapp1.svg") no-repeat center center;
	}
.contactsSEC .iconContainter2:hover {
	background: url("../images+/icons/whatsapp2.svg") no-repeat center center;opacity: 1;
	}
.contactsSEC .iconContainter3 {
	background: url("../images+/icons/instagram1.svg") no-repeat center center;
	}
.contactsSEC .iconContainter3:hover {
	background: url("../images+/icons/instagram2.svg") no-repeat center center;opacity: 1;
	}
.contactsSEC .iconContainter4 {
	background: url("../images+/icons/snapchat1.svg") no-repeat center center;
	}
.contactsSEC .iconContainter4:hover {
	background: url("../images+/icons/snapchat2.svg") no-repeat center center;opacity: 1;
	}

/* --------------------------------------------------------------------------- Form -- */

.contactsSEC .col2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	/*text-align:left;
	font-family:B;
	font-size:16px;
	color:#1A1A1A;
	letter-spacing:1px;
	font-weight:normal;
    line-height: 26px;*/
    }

.contactsSEC .col2 form {
    padding: 0 0 0 0;
	}
.contactsSEC .col2 .FormDe {
    padding: 30px 0 30px 0;
	margin: 30px 0 0 0;
	font-family: B;
	font-size: 16px;
	letter-spacing: 0.5px;
	color:#191919;
	border-top: 1px solid #adadad;
	}
.contactsSEC .col2 #r2 {
    padding: 0 0 0 0;
    margin: 0 -10px 0 -10px;
	border-top: 0px solid #CBCBCB;
	}

.contactsSEC .col2 .collf {
    padding: 0 10px 0 10px;
    margin: 0 0 20px 0;
	}

.contactsSEC .col2 .col2f {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}
.contactsSEC .col2 .cFormF {
	font-family: B;
	font-size: 17px;
	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-left: 2px;
	appearance: auto;
	-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;
	}
.contactsSEC .col2 .cFormF:focus {
	background:#FFFFFF;
	padding-left: 10px;
	border-bottom: 1px solid #aa5511;
	}

.contactsSEC .col2 .col2 {
    padding: 0 10px 0 10px;
    margin: 0 0 0 0;
	}
.contactsSEC .col2 .cFormF2 {
	font-family: B;
	font-size: 17px;
	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-left: 2px;
	margin-bottom:15px;
	-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;
	}
.contactsSEC .col2 .cFormF2:focus {
	background:#FFFFFF;
	padding-left: 10px;
	border-bottom: 1px solid #aa5511;
	}

/* .contactsSEC .col2 .FormBu {
	font-family: B;
	font-size: 17px;
	width:100%;
	background-color: transparent;
    color: #5e3b23;
	border: 1px solid #5e3b23;
	border-radius: 0px;
	margin-top: 20px;
	border-bottom: 1px solid #676767;
	border-top: 0px solid #676767;
	border-right: 0px solid #676767;
	border-left: 0px solid #676767;
	-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;
	}
.contactsSEC .col2 .FormBu:hover {
	background-color:#5e3b23;
	color:#fff;
	border-bottom: 1px solid #5e3b23;
	} */

.contactsSEC .col2 .FormBu {
	padding: 8px 16px 6px 16px;
	width: 100%;
	border: 1px solid #64320c;
	border-radius: 0px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #64320c;
	font-family: B;
	font-size: 15px;
	-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;
	}
.contactsSEC .col2 .FormBu:hover {
	color:#fff;
	border: 1px solid #502708;
	background-color: #502708;	
	}

.iti--separate-dial-code .iti__selected-flag {background-color: transparent!important;}


@media (max-width: 575.98px) { 
	.contactsSEC .row {padding: 30px 25px 25px 25px;}
	.contactsSEC .col2 {padding: 30px 0 0 0;}
	.contactsSEC .col2 .FormDe {margin: 5px 0 0 0;}
	.iti {width: 100%!important;}
	.contactsSEC .branch-card {width:100%;}
	.contactsSEC .branch-overlay {left: 15px;right: 15px;bottom: 15px;padding: 8px 18px;}
	.contactsSEC .branch-name {font-size:22px;letter-spacing: 1px;}
	.contactsSEC .branch-role {font-size:13px;letter-spacing: 3px;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.contactsSEC .row {padding: 40px 50px 25px 50px;}
	.contactsSEC .col2 {padding: 30px 0 0 0;}
	.contactsSEC .col2 .FormDe {margin: 5px 0 0 0;}
	}
@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) { 
	}













/*----------------------------------------------------------------------------------------------------------------- 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;}
	}




/*------------------------------------------------------------------------------------------------------------------ about --*/
.aboutBodySEC {
    padding: 40px 0 40px 0;
	}
.aboutBodySEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.aboutBodySEC .row {
	max-width: 1155px;
    padding: 0 25px;
    margin: 0 auto;
	}
.aboutBodySEC .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: A;
	font-size: 15px;
	color: #212121;
	text-align: justify;
    }
.aboutBodySEC .col2 {
	padding: 0 0 0 30px;
	margin: 0 0 0 0;
    }

.aboutBodySEC .aboutIMG {
	border-radius: 10px;
	}

@media only screen and (max-width: 570px) {
	.aboutBodySEC {padding: 30px 0 30px 0;}
	.aboutBodySEC .col1 {padding: 0 0 0 0;text-align: left;}
	.aboutBodySEC .col2 {padding: 25px 0 0 0;}
	.aboutBodySEC .aboutIMG {width: 100%; height: auto;}
	}

@media only screen and (max-width: 823px) {
	.aboutBodySEC {padding: 30px 0 30px 0;}
	.aboutBodySEC .col1 {padding: 0 0 0 0;text-align: left;}
	.aboutBodySEC .col2 {padding: 25px 0 0 0;}
	.aboutBodySEC .aboutIMG {width: 100%; height: auto;}
	}

/*------------------------------------------------------------------------------------------------- cataloge filtration --*/

.filtrationSEC {
	}
.filtrationSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	height: 70px;
	background-color: #eaeaea;
	}
.filtrationSEC .row {
    padding: 0 70px 0 70px;
    margin: 0 auto;
	height: 70px;
	}
.filtrationSEC .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 70px;
    }

.filtrationSEC .col1a {
	padding: 20px 4px 0 0;
	margin: 0 0 0 0;
    }
.filtrationSEC .f1 {
	height: 50px;
	/*font-family: M;*/
	font-family: B;
	color: #653010;
	font-size: 15px;
	letter-spacing: 2px;
    /*text-transform: uppercase;*/
	background-color: #dcdcdc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
    }
.filtrationSEC .f2 {
	height: 50px;
	/*font-family: L;*/
	font-family: B;
	color: #653010;
	font-size: 15px;
	letter-spacing: 2px;
	/*text-transform: uppercase;*/
	background-color: #dcdcdc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;	width: 100%;
    }

.filtrationSEC .FormBu {
	height: 50px;
	/*font-family: L;*/
	font-family: B;
	color: #653010;
	font-size: 14.5px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: #dcdcdc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;	border: 0px;
	width:100%;
	-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;
	}
.filtrationSEC .FormBu:hover {
	background-color:#c8c8c8;
	color:#653010;
	}

.filtrationSEC .arrow {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='50' fill='brown'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
	background-size: 11px;
	background-position: calc(100% - 12px) center;
	background-repeat: no-repeat;
	background-color: #dcdcdc;
    }
.filtrationSEC option {
	background-color: #dcdcdc;
    }

@media only screen and (max-width: 570px) {
	.filtrationSEC .container-fluid {height: auto;}
	.filtrationSEC .row {height: auto; padding: 0 20px 0 20px;}
	.filtrationSEC .col1 {padding: 0 0 20px 0;height: auto;}
	.filtrationSEC .col1a {padding: 10px 0 0 0;}
	}

@media only screen and (max-width: 823px) {
	.filtrationSEC .container-fluid {height: auto;}
	.filtrationSEC .row {height: auto;padding: 0 20px 0 20px;}
	.filtrationSEC .col1 {padding: 0 0 20px 0;height: auto;}
	.filtrationSEC .col1a {padding: 10px 0 0 0;}
	}


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

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

.catalogeSEC .proCol {
    padding: 0 12px 24px 12px;
    margin: 0 0 0 0;
	}
.catalogeSEC .proCol .proIMG {
    width: 100%;
	height: auto;
	border-radius: 4px;
	}


.catalogeSEC .textt {
	letter-spacing: 2.3px;
	font-size: 14px;
	font-family: B;
	/*width: 100%;
	height: 100%;
	padding: 35px 0 0 40px;
	text-align: left;
	color: #fff;
	font-family: L;
	text-transform: uppercase;
	font-size: 30px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	*/
	}
.catalogeSEC .textIn {
	width: 100%;
	text-align: left;
	color: #fff;
	font-family: B;
	margin-top: 38%;
	font-size: 18px;
	line-height: 33px;
	}

.catalogeSEC .proColsmall {
	padding: 0 0 0 0;
    margin: 0 0 0 0;
	text-align: left;
	}
.catalogeSEC .proColsmall .colDe1 {
	padding: 15px 0 10px 0;
    margin: 0 0 0 0;
	text-align: left;
	color: #653010;
	font-family: C;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 26px;
	letter-spacing: 1px;
	}
.catalogeSEC .proColsmall .colDe1 img {
	width: 50px;
	height: 1px;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	opacity: 0.6;
	}
.catalogeSEC .proColsmall .colDe2 {
	padding: 10px 0 0 0;
    margin: 0 0 0 0;
	text-align: left;
	color: #7e7e7e;
	font-family: C;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 8px;
	letter-spacing: 1px;
	}
.catalogeSEC .proColsmall .colDe3 {
	padding: 1px 0 6px 0;
    margin: 0 0 0 0;
	text-align: left;
	color: #7e7e7e;
	font-family: H;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: 1px;
	}
.catalogeSEC .proColsmall2 {
	padding: 0 0 0 0;
    margin: 0 0 0 0;
	color: #fff;
	font-family: A;
	font-size: 13px;
	float: left;
	text-transform: none;
	line-height: 16px;
	}
.catalogeSEC .smallDivIcon1 {
	height: 16px;
	width: auto;
	}
.catalogeSEC .smallDivIcon2 {
	height: 16px;
	width: auto;
	margin-left: 5px;
	}

@media only screen and (max-width: 570px) {
	.catalogeSEC .row {padding: 10px 20px 20px 20px;;}
	.catalogeSEC .proCol {padding: 0 0 10px 0;}
	.catalogeSEC .proColsmall .colDe2 {padding: 10px 0 20px 0;}
	}

@media only screen and (max-width: 823px) {
	.catalogeSEC .row {padding: 10px 20px 20px 20px;;}
	.catalogeSEC .proCol {padding: 0 0 10px 0;}
	.catalogeSEC .proColsmall .colDe2 {padding: 10px 0 20px 0;}
	}

/*--------------------------------------------------------------------------------------------------------- cataloge IN --*/
.catalogeINSEC {
	padding-top: 90px;
	}

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

.catalogeINSEC .row {
    padding: 40px 70px 40px 70px;
    margin: 0 auto;
	}

.catalogeINSEC .col1 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}

.catalogeINSEC .proInIMG {
    width: 100%;
	height: auto;
	border-radius: 4px;
	}

.catalogeINSEC .gallery2 {
	color: #653010;
	font-family: B;
	font-size: 18px;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	line-height: 20px;
	}
.catalogeINSEC .col1 button {
	padding: 8px 16px 6px 16px;
	border: 1px solid #64320c;
	border-radius: 0px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #64320c;
	font-family: B;
	font-size: 15px;
	-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;
	}
.catalogeINSEC .col1 button:hover {
	color:#fff;
	border: 1px solid #502708;
	background-color: #502708;	
	}

.catalogeINSEC .col2 {
    padding: 0 0 0 30px;
    margin: 0 0 0 0;
	}
.catalogeINSEC .col2_1 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	text-align: left;
	font-family:A;
	font-size: 36px;
	color: #653010;
	text-transform: uppercase;
	line-height: 50px;
	letter-spacing: 1px;
	}
.catalogeINSEC .col2_2 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	text-align: left;
	}
.catalogeINSEC .col2_2 img {
    width: 125px;
	height: 1px;
	opacity: 0.6;
	margin-bottom: 10px;
	}
.catalogeINSEC .col2_3 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	text-align: left;
	font-family:A;
	font-size: 30px;
	color: #393939;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
.catalogeINSEC .col2_3 span{
	font-size: 18px;
	}
.catalogeINSEC .col2_4 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	text-align: left;
	font-family:H;
	font-size: 18px;
	color: #5f5f5f;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
.catalogeINSEC .col2_5 {
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
	text-align: left;
	font-family: B;
	font-size: 19px;
	color: #5f5f5f;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 30px;
	}
.catalogeINSEC .col2_5 img {
	height: 20px;
	width: 20px;
    margin-right: 5px;
	vertical-align: -4px;
	}
.catalogeINSEC .col2_6 {
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
	text-align: left;
	font-family: B;
	font-size: 16px;
	color: #5f5f5f;
	letter-spacing: 0.3px;
	line-height: 22px;
	}

.catalogeINSEC .inqBu {
	padding: 8px 16px 6px 16px;
	border: 1px solid #64320c;
	border-radius: 0px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #64320c;
	font-family: B;
	font-size: 15px;
	-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;
	}
.catalogeINSEC .inqBu:hover {
	color:#fff;
	border: 1px solid #502708;
	background-color: #502708;	
	}


.catalogeINSEC .col3 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}

.formCatalogInSEC .iconContainter1, .formCatalogInSEC .iconContainter2, .formCatalogInSEC .iconContainter3, .formCatalogInSEC .iconContainter4 {
	width: 30px;
	height: 30px;
	margin-top: 5px;
	margin-right: 10px;
	opacity: 0.6;
	float: left;
	-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;
	}
.formCatalogInSEC .iconContainter1 {
	background: url("../images+/icons/facebook1.svg") no-repeat center center;
	}
.formCatalogInSEC .iconContainter1:hover {
	background: url("../images+/icons/facebook2.svg") no-repeat center center;opacity: 1;
	}
.formCatalogInSEC .iconContainter2 {
	background: url("../images+/icons/whatsapp1.svg") no-repeat center center;
	}
.formCatalogInSEC .iconContainter2:hover {
	background: url("../images+/icons/whatsapp2.svg") no-repeat center center;opacity: 1;
	}
.formCatalogInSEC .iconContainter3 {
	background: url("../images+/icons/instagram1.svg") no-repeat center center;
	}
.formCatalogInSEC .iconContainter3:hover {
	background: url("../images+/icons/instagram2.svg") no-repeat center center;opacity: 1;
	}
.formCatalogInSEC .iconContainter4 {
	background: url("../images+/icons/snapchat1.svg") no-repeat center center;
	}
.formCatalogInSEC .iconContainter4:hover {
	background: url("../images+/icons/snapchat2.svg") no-repeat center center;opacity: 1;
	}

/*----------------------------------------------------------------------------- Form --*/

.formCatalogInSEC {
	border-top: 1px solid #bdbdbd;
	padding-top: 20px;
	margin-top: 20px
	}

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

.formCatalogInSEC #fRow {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	}

.formCatalogInSEC .FormDe {
    padding: 0 0 7px 0 ;
	margin: 0 0 15px 0;
	font-family: B;
	font-size: 14px;
	color:#191919;
	text-transform: none;
	letter-spacing: 1px;
	}

.formCatalogInSEX .formCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.formCatalogInSEC .colF {
    padding: 0 10px 0 10px;
    margin: 0 0 20px 0;
	float: left;
	}

.formCatalogInSEC .colFM {
    padding: 0 0 20px 0;
    margin: 22px 0 0 0;
	float: left;
	}

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

.formCatalogInSEC .cFormF {
	font-family: B;
	font-size: 17px;
	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-left: 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;
	appearance:auto;
	}
.formCatalogInSEC .cFormF:focus {
	background:#FFFFFF;
	padding-left: 10px;
	border-bottom: 1px solid #aa5511;
	}
.formCatalogInSEC .cFormF2 {
	font-family: B;
	font-size: 17px;
	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-left: 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:#FFFFFF;
	padding-left: 10px;
	border-bottom: 1px solid #aa5511;
	}

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

.formCatalogInSEC .cCol {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
	display: flex;
	}

.formCatalogInSEC .FormBu {
	padding: 8px 16px 6px 16px;
	width: 100%;
	border: 1px solid #64320c;
	border-radius: 0px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #fff;
	background-color: #64320c;
	font-family: B;
	font-size: 15px;
	-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 .FormBu:hover {
	color:#fff;
	border: 1px solid #502708;
	background-color: #502708;	
	}

.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: 0 0 5px 0;
    margin: 0 0 0 0;
	color: #404243;
	/*font-family: L;*/
	font-family: A;
	font-size: 14px;
	letter-spacing: 0.3px;
	line-height: 18px;
	text-transform: none;
	}

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

.catalogeINSEC .buyBdiv {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.catalogeINSEC .buyB {
	padding: 6px 34px 6px 34px;
	margin: 8px 0 16px 0;
 	color: #64320c;
	border-radius: 0px;
    background-color: transparent;
    border: 1px solid #64320c;
	-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 {
    background-color: #64320c;
    border: 1px solid #64320c;
	color: #fff;
	}

.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;
	}


@media (max-width: 575.98px) { 
	.catalogeINSEC .row {padding: 30px 25px 30px 25px;}
	.catalogeINSEC .col2 {padding: 25px 0 0 0;}
	/*--------------------------------------------------- Form --*/
	.formCatalogInSEC .FormDe {padding: 5px 0 7px 0 ;}
	.formCatalogInSEC .colF {padding: 0 0 0 0; margin: 0 0 15px 0;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	.catalogeINSEC .row {padding: 30px 25px 30px 25px;}
	.catalogeINSEC .col2 {padding: 25px 0 0 0;}
	/*--------------------------------------------------- Form --*/
	.formCatalogInSEC .FormDe {padding: 5px 0 7px 0 ;}
	.formCatalogInSEC .colF {padding: 0 0 0 0; margin: 0 0 15px 0;}
	}
@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) { 
	}

/*------------------------------------------------------------------------------------------------------------- Basket --*/
/* .BasketSEC {
	background-color: #B9B9B9;
	}
.BasketSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.BasketSEC .row {
	max-width: 1150px;
    padding: 0 30px;
    margin: 0 auto;
	}
.BasketSEC .col1 {
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
	}
.BasketSEC .col2 {
    margin: 0 0 0 -45px;
    padding: 0 0 0 0;
	line-height: 45px;
	}

.BasketSEC .basketL {
	text-decoration: none;
	}
.BasketSEC .basketLtext {
	text-decoration: none;
	font-family: A;
	color: #fff;
	-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;
	}
.BasketSEC .basketLtext:hover {
	color: #EDEDED;
	}
#ex3 .fa-stack[data-count]:after {
	position: absolute;
	left: 18px;
	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;
	}
.BasketSEC .basketIcon {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	color: #fff;
	font-size: 25px;
	margin-left: -45px;
	} */

headerSEC .basketL{
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	margin-right: 5px;
	}

/* container بتاع الايقونة والبادج */
headerSEC #ex3{
	position: relative;
	display: inline-flex;
	align-items: center;
	}

headerSEC .basketIcon{
	font-size: 22px;
	color: #5d2309;
	margin: 0;
	padding: 0;
	position: relative;
	}


/* badge فوق الايقونة */
headerSEC #ex3 .fa-stack[data-count]::after{
	position: absolute;
	right: -30px;     /* يمين شوية */
	top: 2px;       /* نزلها سنة */
	content: attr(data-count);
	padding: 2px 6px;
	border-radius: 50%;
	color: #fff;
	background: #e60000;
	font-size: 11px;
	line-height: 14px;
	min-width: 16px;
	text-align: center;
	font-weight: bold;
	z-index: 10;
	}
headerSEC #ex3 .fa-stack[data-count="0"]::after{display: none;}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 20px;
	}

@media (max-width: 575.98px) { 
	/* زر المنيو (زي ما هو عندك) */
	.headerSECs .col0 .smenu{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
	/* الباسكت شمال زر المنيو */
	.headerSECs .basketMobile{position: absolute;left: 30px;top: 50%;transform: translateY(-50%);z-index: 20;display: inline-flex;align-items: center;text-decoration: none;}
	/* أيقونة السلة */
	.headerSECs .basketMobile .basketIcon{font-size: 22px;color: #5d2309;}
	/* badge count */
	.headerSECs .basketMobile .ex3m{position: relative;display: inline-flex;align-items: center;}
	/* الدائرة */
	.headerSECs .basketMobile .ex3m::after{
	content: attr(data-count);position: absolute;right: -8px;top: 2px;background: #e60000;color: #fff;font-size: 11px;font-weight: bold;min-width: 16px;height: 16px;line-height: 16px;border-radius: 50%;text-align: center;}
	/* لو العدد 0 وعايز تخفي الدائرة (اختياري) */
	.headerSECs .basketMobile .ex3m[data-count="0"]::after{display: none;}
	}
@media (min-width: 576px) and (max-width: 912.98px) { 
	/* زر المنيو (زي ما هو عندك) */
	.headerSECs .col0 .smenu{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
	/* الباسكت شمال زر المنيو */
	.headerSECs .basketMobile{position: absolute;right: 70px;top: 50%;transform: translateY(-50%);z-index: 20;display: inline-flex;align-items: center;text-decoration: none;}
	/* أيقونة السلة */
	.headerSECs .basketMobile .basketIcon{font-size: 22px;color: #5d2309;}
	/* badge count */
	.headerSECs .basketMobile .ex3m{position: relative;display: inline-flex;align-items: center;}
	/* الدائرة */
	.headerSECs .basketMobile .ex3m::after{
	content: attr(data-count);position: absolute;right: -8px;top: 2px;background: #e60000;color: #fff;font-size: 11px;font-weight: bold;min-width: 16px;height: 16px;line-height: 16px;border-radius: 50%;text-align: center;}
	/* لو العدد 0 وعايز تخفي الدائرة (اختياري) */
	.headerSECs .basketMobile .ex3m[data-count="0"]::after{display: none;}
	}
@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) { 
	}

/*------------------------------------------------------------------------------------------------------------ invoice --*/
.invoiceSEC {
    padding: 110px 0 40px 0;
	}
.invoiceSEC .container-fluid {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
	}
.invoiceSEC .row {
    padding: 0 70px 0 70px;
    margin: 0 0 0 0;
	}

.invoiceSEC .invTitleCol {
	padding: 12px 20px;
	margin: 0 0 0 0;
	background-color: #5d2309;
	font-family: A;
	font-size: 30px;
	color: #fff;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
    }
.invoiceSEC .invNumber {
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 2px;
    }

.invoiceSEC .invItemCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #D5D5D5;
    }
.invoiceSEC .itemCola {
	padding: 12px 0 12px 0;
	margin: 0 0 0 0;
	float: left;
    }
.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 0 12px 20px;
	margin: 0 0 0 0;
	float: left;
	text-align: left;
	font-family: A;
	font-size: 16px;
	color: #0D0D0D;
	letter-spacing: 1px;
    }
.invoiceSEC .itemColc {
	padding: 120px 0 12px 20px;
	margin: 0 0 0 0;
	float: left;
	text-align: left;
	font-family: A;
	font-size: 16px;
	color: #0D0D0D;
	letter-spacing: 1px;
    }
.invoiceSEC .f1 {
	height: 30px;
	width: 60px;
	font-family: A;
	font-size: 14px;
	border-radius: 0px;
	float: right;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	margin-top: -4px;
    }
.invoiceSEC .itemCold {
	padding: 120px 0 12px 20px;
	margin: 0 0 0 0;
	float: left;
	text-align: left;
	font-family: A;
	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: left;
	text-align: right;
	direction: ltr;
	font-weight: normal;
	font-family: A;
	font-size: 21px;
	color: #565656;
	letter-spacing: 1px;
    }

.invoiceSEC .grandTotal {
	padding: 0 20px 0 0;
	margin: 0 0 20px 0;
	height: 40px;
	line-height: 40px;
	background-color: #D0D0D0;
	float: left;
	text-align: right;
	direction: ltr;
	font-weight: normal;
	font-family: A;
	font-size: 21px;
	color: #393939;
	letter-spacing: 1.5px;
    }

.invoiceSEC .r2 {
    padding: 0;
    margin: 0 auto;
	}
.invoiceSEC .fCol {
	float: left;
	padding: 10px;
	}

.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-left: 2px;
	appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
	-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(247,247,247,0.8);
	padding-left: 10px;
	}

.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-left: 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;
	}
.invoiceSEC .cFormF2:focus {
	background: rgba(247,247,247,0.8);
	padding-left: 10px;
	}

.invoiceSEC .FormBu {
	width:100%;
	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;
	}
.invoiceSEC .FormBu:hover {
	background-color:#6e6e6e;
	color:#fff;
	border-bottom: 1px solid #fff;
	}

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


@media only screen and (max-width: 570px) {
	.invoiceSEC {padding: 110px 0 20px 0;}
	.invoiceSEC .row {padding: 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 .r2 {padding: 0;margin: 0 auto;}
	.invoiceSEC .fCol {padding: 0 0 0 0;margin: 0 0 0 0;}
	}

@media only screen and (max-width: 823px) {
	.invoiceSEC {padding: 110px 0 20px 0;}
	.invoiceSEC .row {padding: 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 .r2 {padding: 0;margin: 0 auto;}
	.invoiceSEC .fCol {padding: 0 0 0 0;margin: 0 0 0 0;}
	}

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


@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: #653010;
	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) { 
	}