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

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

.allContent {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}
.allContent .container-fluid {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 100vh;
	}

.allContent .r1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 5%;
	}

.allContent .r2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 80%;
	}

.allContent .r2 .mCol {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	}
.allContent .r2 .mCol1 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	}
.allContent .r2 .mCol1 img {
	height: auto;
	width: 230px;
	}

.allContent .r2 .mCol2 {
	padding: 0 35px 0 35px;
	margin: 15px auto 0 auto;
	max-width: 580px;
	text-align: center;
	font-family: E;
	color: #D0D0D0;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 20px;
	}

.allContent .r2 .mCol3 {
	padding: 0 0 0 0;
	margin: 30px auto 0 auto;
	text-align: center;
	}
.allContent .r2 .mCol3 .bu {
	border-radius: 0px;
	background-color: rgba(13,13,13,0.8);
	border: 0px;
	color: #E7E7E7;
	font-family: E;
	font-size: 16px;
	letter-spacing: 0.4px;
	padding: 8px 20px 8px 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;
	}
.allContent .r2 .mCol3 .bu:hover {
	background-color: #F0F0F0;
	color: #171717;
	}

.allContent .r2 .mCol4 {
	padding: 0 0 0 0;
	margin: 5px auto 0 auto;
	text-align: center;
	}
.allContent .r2 .mCol4  a {
	font-family: E;
	color: #E4E4E4;
	font-size: 16px;
	letter-spacing: 0.4px;
	-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;
	}
.allContent .r2 .mCol4  a:hover {
	color: #fff;
	}
.allContent .r2 .mCol4 img {
	width: 16px;
	height: auto;
	padding-bottom: 4px;
	margin-right: 2px;
	opacity: 0.8;
	-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;
	}
.allContent .r2 .mCol4 img:hover {
	opacity: 1.0;
	}

.allContent .r2 .mCol5 {
	padding: 0 35px 0 35px;
	margin: 80px auto 0 auto;
	max-width: 580px;
	text-align: center;
	font-family: E;
	color: #D0D0D0;
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 20px;
	}

.allContent .r3 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 15%;
	}

.allContent .r3 .bCol1 {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	text-align: center;
	}
.allContent .r3 .bCol1 a {
	opacity: 0.5;
	-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;
	}
.allContent .r3 .bCol1 a:hover {
	opacity: 1.0;
	}
.allContent .r3 .bCol1 img {
	width: 35px;
	height: auto;
	margin-right: 5px;
	}

.allContent .r3 .bCol2 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-family: E;
	color: #888888;
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
	}






@media only screen and (max-width: 570px) {
	}
@media only screen and (max-width: 823px) {
	}
@media (min-width: 1024px) and (max-width: 1365px) {
	}