@font-face {
	font-family: helv;
	src: url("../fonts/Helvetica.ttf")
}

*, ::after, ::before {
	box-sizing: border-box
}
* {
	transition: font-size .5s ease
}
body, html {
	height: 100%;
	min-height: 100%
}
body {
	font-family:helv, sans-serif;
	margin: 0;
	color: #fff;
	background-color: #000;
	font-size: 16px
}
.un_c {
	font-size: 2em
}
.cf::after, .cf::before {
	display: table;
	content: ""
}
a {
	color: #fff;
	text-decoration: none
}
a:hover {
	border-bottom: 1px solid
}
a:focus {
	color: inherit
}
.cf::after {
	clear: both
}
.cb-slideshow, .cb-slideshow:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	list-style: none;
	margin-top: 0
}
.cb-slideshow:after {
	content: ''
}
@-webkit-keyframes imageAnimation {
0% {
opacity:0;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
8% {
opacity:1;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
@keyframes imageAnimation {
0% {
opacity:0;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
8% {
opacity:1;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
17% {
opacity:1
}
25% {
opacity:0
}
100% {
opacity:0
}
}
.cb-slideshow li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: 0;
	z-index: 0;
	-webkit-animation: imageAnimation 48s ease infinite 0s;
	animation: imageAnimation 48s ease infinite 0s
}
.cb-slideshow li:first-child span {
	background-image: url("../img/bg1.jpg");
	-webkit-animation-delay: 10s;
	animation-delay: 10s
}
.cb-slideshow li:nth-child(2) span {
	background-image: url("../img/bg2.jpg");
	-webkit-animation-delay: 20s;
	animation-delay: 20s
}
.cb-slideshow li:nth-child(3) span {
	background-image: url("../img/bg3.jpg");
	-webkit-animation-delay: 30s;
	animation-delay: 30s
}
.cb-slideshow li:nth-child(4) span {
	background-image: url("../img/bg4.jpg");
	-webkit-animation-delay: 40s;
	animation-delay: 40s
}
.cb-slideshow li:nth-child(5) span {
	background-image: url("../img/bg5.jpg");
	-webkit-animation-delay: 50s;
	animation-delay: 50s
}
.container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	background-image: url("../img/bg9.jpg");
	background-size: 100% 100%;
	direction: rtl;
	position: relative
}
.container .res-img {
	display: none;
	transition: all .5s ease
}
.left, .right {
	float: left;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.webName {
	display: inline-block;
	direction: ltr;
	font-size: 1.5em;
	font-family: helv, tahoma, sans-serif
}
.time {
	display: block;
	font-family: helv, sans-serif
}
.time {
	font-size: 8em;
	direction: ltr
}
.time>span {
	font-size: .125em
}
.en, .fa {
	margin: 0 auto;
	width: 40%;
	font-size: 25px;
	display: inline-block;
	text-align: center
}
.en {
	direction: ltr;
	font-family: helv, sans-serif
}
.header>h1 {
	font-size: 4em
}
.header>h2 {
	font-size: 1.5em
}
.footer {
	float: none;
	clear: both;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 60px;
	background-color: rgba(0,0,0,.5);
	width: 100%;
	line-height: 60px
}
.footer img {
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	width: 120px;
	height: 120px
}
p.list {
	margin: 0
}
p.list>a {
	font-size: 1.2em;
	display: inline-block;
	margin: 0 20px
}
p.list>a:hover {
	color: #ff9600;
	border-bottom: none
}
p.list.first {
	display: none
}

@media (max-width:1020px) {
.left {
	float: none;
	width: 100%
}
.right {
	display: none
}
.en, .fa {
	width: 100%;
	text-align: center
}
}

@media (max-width:840px) {
.footer {
	display: none
}
.res-img {
	position: absolute;
	top: 1em;
	right: 1em;
	width: 80px;
	height: auto;
	display: block!important
}
p.list.first {
	display: block!important;
	margin-top: 50px
}
p.list.first>a {
	font-size: 1.2em
}
.left .logo-c img {
	position: relative;
	margin: auto!important;
	transform: scale(1, 1);
	left: 0!important;
	right: 0!important
}
.container {
	padding-top: 30%
}
}

@media (max-width:705px) {
.time {
	font-size: 6em
}
.header>h1 {
	font-size: 2em
}
}

@media (max-width:580px) {
.time {
	font-size: 3em;
	margin-top: .8em
}
.header>h1 {
	font-size: 1.5em
}
.header>h2 {
	font-size: 1.2em
}
.res-img {
	width: 100px;
	height: auto;
	right: 50%!important;
	-webkit-transform: translateX(50%);
	transform: translateX(50%)
}
.en, .fa {
	font-size: 18px
}
}
.certificateImages {
	max-width: 400px;
	height: 200px;
	display: inline-block
}
.certificateImages img {
	width: 90px;
	margin: auto
}
.certificateImages .googleP {
	width: 200px;
	padding: 10px
}

@media (max-width:1020px) {
.certificateImages {
	display: none
}
}
.certificateImagesMobile {
	max-width: 400px;
	height: 200px;
	display: inline-block
}
.certificateImagesMobile img {
	width: 90px;
	margin: auto
}
.certificateImagesMobile .googleP {
	width: 200px;
	padding: 10px
}

@media (min-width:1021px) {
.certificateImagesMobile {
	display: none
}
}