@font-face {
font-family: A;
src: url('../fonts/HelveticaBold.ttf');
}
@font-face {
font-family: B;
src: url('../fonts/HelveticaLight.otf');
	}
@font-face {
font-family: C;
src: url('../fonts/Swz721t.TTF');
	}
@font-face {
font-family: D;
src: url('../fonts/UPCFB.TTF');
	}
@font-face {
font-family: E;
src: url('../fonts/D-DIN.ttf');
	}
@font-face {
font-family: F;
src: url('../fonts/FjallaOneRegular.ttf');
	}
@font-face {
font-family: G;
src: url('../fonts/OpenSansRegular.ttf');
	}
@font-face {
font-family: H;
src: url('../fonts/AileronBold.otf');
	}
@font-face {
font-family: i;
src: url('../fonts/NotoSansArabic.ttf');
	}

body {
	margin:0 auto;
	padding: 0;
	background-color: #000;
	}

/* scrol bar */
::-webkit-scrollbar
{width: 10px;}
::-webkit-scrollbar-track {background: #cdcdcd;}
::-webkit-scrollbar-thumb {background: #ababab;}
::-webkit-scrollbar-thumb:hover {background: #727272;}

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

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

/*-----------------------------------------------------------------------------------------------------------------------------------*/

.mainContainerSEC {
	z-index: 1;
	position: absolute;
	width: 100%;
	}
.mainContainerSEC .container-fluid {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	}
.mainContainerSEC .row {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	}

/*------------------------------------------------------- left ---*/

.mainContainerSEC .leftCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	/*background-color: rgba(232,181,182,0.3);*/
	}

.mainContainerSEC .rowLeft {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.mainContainerSEC .rowLeft .Col1 {
	padding: 40px 0 0 40px;
	margin: 0 0 0 0;
	align-self:flex-start;
	}
.mainContainerSEC .rowLeft .Col1 img {
	height: 110px;
	width: auto;
	}

.mainContainerSEC .rowLeft .Col2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	align-self:center;
	}
.mainContainerSEC .rowLeft .Col3 {
	padding: 0 0 20px 40px;
	margin: 0 0 0 0;
	align-self:flex-end;
	}
.mainContainerSEC .rowLeft .Col3 .footerLink {
	color: #D7D7D7;
	font-size: 12px;
	opacity: 1;
	margin-right: 30px;
	-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;
	}
.mainContainerSEC .rowLeft .Col3 .footerLink:hover {
	opacity: 0.6;
	}

/*------------------------------------------------------- right ---*/

.mainContainerSEC .rightCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	/*background-color: rgba(232,181,182,0.3);*/
	}

.mainContainerSEC .rowRight {
	padding: 10px 10px 10px 0;
	margin: 0 0 0 0;
	}
.mainContainerSEC .rowRight .mainCol {
	padding: 10px;
	margin: 0 0 0 0;
	}
.mainContainerSEC .rowRight .galleryContainer {
	padding: 0;
	margin: 0;
	height: 100%;
	}
.mainContainerSEC .rowRight .inCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: rgba(0,0,0,0.2); 
	border-radius: 5px; 
	height: 100%;
	cursor: pointer;
	-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;
	}
.mainContainerSEC .rowRight .inCol:hover {
	background-color:#CC541E; 
	}
.mainContainerSEC .rowRight .inCol:hover .xz1 {
	color: rgba(255,255,255,0.8);
	}
.mainContainerSEC .rowRight .inCol:hover .xz2 {
	color: rgba(255,255,255,0.8);
	margin-left: 3px;
	}

.mainContainerSEC .rowRightIN {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100%;
	}
.mainContainerSEC .rowRightIN .inColin {
	padding: 0 0 15px 20px;
	margin: 0 0 0 0;
	font-size: 18px;
	font-family: G;
	}
.mainContainerSEC .rowRightIN .inColin i {
	font-size: 22px;
	color: rgba(255,255,255,0.3);
	-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;
	}
.mainContainerSEC .rowRightIN .inColin span {
	font-size: 17px;
	font-family: G;
	color: rgba(255,255,255,0);
	vertical-align: 1px;
	margin-left: -5px;
	-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;
	}

#inline {
	overflow:auto;
	background:#F9F9F9;
	padding: 0 0 0 0;
	margin: 0 auto;
	width:1100px;
	max-width:90%;
	border-radius:5px;
	}
#inline .row {
	padding: 30px;
	margin: 0 0 0 0;
	}
#inline .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
#inline .col1a {
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 42px;
	color: #000;
	font-family: C;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	text-align: left;
	}
#inline .col1a span {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 18px;
	color: #000;
	font-family: E;
	letter-spacing: 0.5px;
	text-transform:none;
	}
#inline .col1b {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 14px;
	color: #131313;
	font-family: B;
	letter-spacing: 0.2px;
	text-align: justify;
	line-height: 19px;
	}
#inline .col2 {
	padding: 0 0 0 30px;
	margin: 0 0 0 0;
	}
#inline .col2 img {
	width: 100%;
	height: auto;
	border-radius: 5px;
	}


#inline2 {
	overflow:auto;
	background:#F9F9F9;
	padding: 0 0 0 0;
	margin: 0 auto;
	width:1100px;
	max-width:90%;
	border-radius:5px;
	}
#inline2 .row {
	padding: 30px 30px 30px 15px;
	margin: 0 0 0 0;
	}
#inline2 .col1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
#inline2 .col1a {
	padding: 0 0 10px 15px;
	margin: 0 0 0 0;
	font-size: 30px;
	color: #000;
	font-family: C;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	}
#inline2 .col1b {
	padding: 0 0 0 15px;
	margin: 0 0 0 0;
	font-size: 15px;
	color: #131313;
	font-family: B;
	letter-spacing: 0.2px;
	text-align: left;
	line-height: 26px;
	}
#inline2 .col1c {
	padding: 15px 0 10px 15px;
	margin: 0 0 0 0;
	font-size: 13px;
	color: #131313;
	font-family: B;
	letter-spacing: 0.1px;
	text-align: left;
	line-height: 17px;
	}
#inline2 .col1d {
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
	text-align: left;
	}
#inline2 .r2 {
	padding: 0 0 0 0;
	margin: 0 auto;
	}
#inline2 .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-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;
	}
#inline2 .cFormF:focus {
	background:#fff;
	padding-left: 10px;
	border-bottom: 1px solid #CC541E;
	}
#inline2 .cc2 {
	padding: 0 10px 0 10px;
	margin: 20px 0 0 0;
	}

#inline2 .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-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;
	}
#inline2 .cFormF2:focus {
	background:#fff;
	padding-left: 10px;
	border-bottom: 1px solid #CC541E;
	}

#inline2 .FormBu {
	width:100%;
	margin-top: 20px;
	margin-left: 10px;
	font-size: 14px;
	letter-spacing: 0.5px;
	background-color: transparent;
	border-bottom: 1px solid #f77838;
	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;
	}
#inline2 .FormBu:hover {
	background-color:#CC541E;
	color:#fff;
	}

#inline2 .col2 {
	padding: 0 0 0 30px;
	margin: 0 0 0 0;
	}





@media (max-width: 575.98px) {
	.mainContainerSEC .rowRight {padding: 10px 10px 10px 10px;}
	.mainContainerSEC .rowRight .inCol {background-color: rgba(204,84,30,0.5)}
	.mainContainerSEC .rowRight .inCol:hover {background-color: rgba(204,84,30,0.5)}
	.xz1, .xz2 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz1 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz2 {color: rgba(255,255,255,0.8);margin-left: 3px;}
	.mainContainerSEC .rowRightIN .inColin i {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRightIN .inColin span {color: rgba(255,255,255,0.8);margin-left: 3px;}
	
	#inline .row {padding: 20px 20px 20px 20px;}
	#inline .col1a {font-size: 34px;}
	#inline .col1a span {font-size: 16px;}
	#inline .col1b {font-size: 13px;text-align: left;line-height: 18px;}
	#inline .col2 {padding: 20px 0 0 0;}
	
	#inline2 .row {padding: 20px 20px 20px 10px;}
	#inline2 .col1a {padding: 0 0 10px 10px;}
	#inline2 .col1b {padding: 0 0 0 10px;}
	#inline2 .col1c {padding: 15px 0 10px 10px;}
	#inline2 .col1d {padding: 0 0 0 0;}
	}

@media (max-width: 767.98px) { 
	.mainContainerSEC .rowRight {padding: 10px 10px 10px 10px;}
	.mainContainerSEC .rowRight .inCol {background-color: rgba(204,84,30,0.5)}
	.mainContainerSEC .rowRight .inCol:hover {background-color: rgba(204,84,30,0.5)}
	.xz1, .xz2 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz1 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz2 {color: rgba(255,255,255,0.8);margin-left: 3px;}
	.mainContainerSEC .rowRightIN .inColin i {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRightIN .inColin span {color: rgba(255,255,255,0.8);margin-left: 3px;}
	
	#inline .row {padding: 20px 20px 20px 20px;}
	#inline .col1a {font-size: 34px;}
	#inline .col1a span {font-size: 16px;}
	#inline .col1b {font-size: 13px;text-align: left;line-height: 18px;}
	#inline .col2 {padding: 20px 0 0 0;}

	#inline2 .row {padding: 20px 20px 20px 10px;}
	#inline2 .col1a {padding: 0 0 10px 10px;}
	#inline2 .col1b {padding: 0 0 0 10px;}
	#inline2 .col1c {padding: 15px 0 10px 10px;}
	#inline2 .col1d {padding: 0 0 0 0;}
	}

@media (max-width: 991.98px) {
	.mainContainerSEC .rowRight {padding: 10px 10px 10px 10px;}
	.mainContainerSEC .rowRight .inCol {background-color: rgba(204,84,30,0.5)}
	.mainContainerSEC .rowRight .inCol:hover {background-color: rgba(204,84,30,0.5)}
	.xz1, .xz2 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz1 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz2 {color: rgba(255,255,255,0.8);margin-left: 3px;}
	.mainContainerSEC .rowRightIN .inColin i {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRightIN .inColin span {color: rgba(255,255,255,0.8);margin-left: 3px;}
	
	#inline .row {padding: 20px 20px 20px 20px;}
	#inline .col1a {font-size: 34px;}
	#inline .col1a span {font-size: 16px;}
	#inline .col1b {font-size: 13px;text-align: left;line-height: 18px;}
	#inline .col2 {padding: 20px 0 0 0;}
	
	#inline2 .row {padding: 20px 20px 20px 10px;}
	#inline2 .col1a {padding: 0 0 10px 10px;}
	#inline2 .col1b {padding: 0 0 0 10px;}
	#inline2 .col1c {padding: 15px 0 10px 10px;}
	#inline2 .col1d {padding: 0 0 0 0;}
	}

@media (max-width: 1199.98px) { 
	.mainContainerSEC .rowRight {padding: 10px 10px 10px 10px;}
	.mainContainerSEC .rowRight .inCol {background-color: rgba(204,84,30,0.5)}
	.mainContainerSEC .rowRight .inCol:hover {background-color: rgba(204,84,30,0.5)}
	.xz1, .xz2 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz1 {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRight .inCol:hover .xz2 {color: rgba(255,255,255,0.8);margin-left: 3px;}
	.mainContainerSEC .rowRightIN .inColin i {color: rgba(255,255,255,0.8);}
	.mainContainerSEC .rowRightIN .inColin span {color: rgba(255,255,255,0.8);margin-left: 3px;}
	
	#inline .row {padding: 20px 20px 20px 20px;}
	#inline .col1a {font-size: 34px;}
	#inline .col1a span {font-size: 16px;}
	#inline .col1b {font-size: 13px;text-align: left;line-height: 18px;}
	#inline .col2 {padding: 20px 0 0 0;}
	
	#inline2 .row {padding: 20px 20px 20px 10px;}
	#inline2 .col1a {padding: 0 0 10px 10px;}
	#inline2 .col1b {padding: 0 0 0 10px;}
	#inline2 .col1c {padding: 15px 0 10px 10px;}
	#inline2 .col1d {padding: 0 0 0 0;}
	#inline2 .col2 {padding: 15px 20px 0 20px;}
	}

@media (max-width: 1399.98px) { 
	}

/*-----------------------------------------------------------------------------------------------------------------------------------*/

.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: E;
	letter-spacing: 0.1px;
	font-size: 18px;
	line-height: 15px;
	}

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

.sentSEC .sentCol a {
	color: #071AAF;
	font-size: 16px;
	font-family: E;
	}