@charset "UTF-8";

@font-face {
    font-family: Vazir;
    src: url('fonts/Vazir.eot');
    src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vazir.woff2') format('woff2'),
         url('fonts/Vazir.woff') format('woff'),
         url('fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazir-Bold.eot');
    src: url('fonts/Vazir-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vazir-Bold.woff2') format('woff2'),
         url('fonts/Vazir-Bold.woff') format('woff'),
         url('fonts/Vazir-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazir-Black.eot');
    src: url('fonts/Vazir-Black.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vazir-Black.woff2') format('woff2'),
         url('fonts/Vazir-Black.woff') format('woff'),
         url('fonts/Vazir-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazir-Medium.eot');
    src: url('fonts/Vazir-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vazir-Medium.woff2') format('woff2'),
         url('fonts/Vazir-Medium.woff') format('woff'),
         url('fonts/Vazir-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazir-Light.eot');
    src: url('fonts/Vazir-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vazir-Light.woff2') format('woff2'),
         url('fonts/Vazir-Light.woff') format('woff'),
         url('fonts/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazir-Thin.eot');
    src: url('fonts/Vazir-Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/Vazir-Thin.woff2') format('woff2'),
         url('fonts/Vazir-Thin.woff') format('woff'),
         url('fonts/Vazir-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
	font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	transition: all 0.3s linear;
	line-height: 1.2;
}

body, html {height: 100%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
q {display: inline; quotes: '\201c' '\201d';}
q::before {content: open-quote;}
q::after {content: close-quote;}
table {border-collapse: collapse; border-spacing: 0;}

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{ opacity: 0 !important;}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{ -webkit-transition: opacity .5s linear 0.2s !important; -moz-transition: opacity .5s linear 0.2s !important; -moz-transition: opacity .5s linear 0.2s !important; transition: opacity .5s linear 0.2s !important; opacity: 1 !important;}

/* Body */
body { font-family: Vazir, sans-serif; color: #FFF; background-color: #000; }
h1, h2, h3, h4, h5 {margin: 0 0 0.5em 0; color:#FFF;}
h1 {font-weight: 900; font-size: 120%;}
h2 {font-weight: bold; font-size: 110%;}
h3 {font-weight: bold; font-size: 105%;}
h4 {font-weight: 100; font-size: 100%;}
h5 {font-weight: 100; font-size: 95%;}
h6 {font-weight: 100; font-size: 90%;}
p {line-height: 1.4; margin: 0 0 0.5em 0;}
a {color: #FFF; text-decoration: underline;}
a:active {color: #CCC;}
a:visited {color: #FFF;}
a:hover {color: #CCC;}

.circle img {border-radius:99px; border: 1px solid #000;}
.hidden {display: none;}

/* Wrapper */
.wrap { width: 100%; height: 100%; /* height: 100vh; */ margin: 0px !important; padding: 0px !important; background-position: center top; background-repeat: repeat-x; background-size: cover; filter: blur(0px); -webkit-filter: blur(0px); background-image: url(images/bg-grey.png);}
.wrapper { margin: 0px !important; padding: 0px !important; height: 100%; width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0;} 

/* Container */
.container { margin-left: auto; margin-right: auto; height: 100%; max-height: 100%; position: relative; text-shadow: 2px 2px 4px #000;}
.contain {top: 50%; left: 50%; max-height: 100%; position: absolute !important; transform: translate(-50%,-50%) !important; margin: 2em auto;}

/* Header */
header {margin-bottom: 2em; text-align: center;}
.logo {width: 270px; font-weight: bold; margin: 0 auto 0em;}
.logo img {width: 100%; height: auto;}

/* Footer */
footer {}
footer .button {text-align: center; vertical-align: middle; transition: all 0.3s linear; margin: 0 auto 0.5em;}
footer .button a {vertical-align: top;}
footer .button:hover {color: #ccc; cursor: pointer;}
footer .copyright {text-align: center; color: #CCC; font-weight: lighter; font-size: 80%;}
footer .copyright a {color: #CCC;}
footer .copyright-designer {text-align: center; color: #CCC; font-weight: lighter; font-size: 60%;}
footer .copyright-designer a {color: #CCC;}

/* Mobile */
@media (max-width: 320px) {
.contain {top: 0%; left: 0%; max-height: 100%; position: absolute !important; transform: translate(0%, 0%) !important; margin: 2em auto;}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
}

/* Large Desktops */
@media (min-width: 1097px) and (max-width: 2159px) {
}

/* 2k Desktops */
@media (min-width: 2160px) and (max-width: 3839px) {
}

/* 4k Desktops */
@media (min-width: 3840px) {
}